文章标题

最新推荐文章于 2023-10-19 15:03:50 发布

原创最新推荐文章于 2023-10-19 15:03:50 发布 · 541 阅读

0 ·

CC 4.0 BY-SA版权

图表专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一个使用Echarts实现的饼状图配置案例，展示了如何通过配置项设置图例、数据系列等，实现丰富的图表展示效果。具体包括图例的位置、触发方式、数据来源及各部分的数据细节。

Echarts-饼状图

option = {
tooltip: {
trigger: ‘item’,
formatter: “{a}
{b}: {c} ({d}%)”
},
legend: {
orient: ‘vertical’,
x: ‘left’,
data:[‘直达’,’营销广告’,’搜索引擎’,’邮件营销’,’联盟广告’,’视频广告’,’百度’,’谷歌’,’必应’,’其他’]
},
series: [
{
name:’访问来源’,
type:’pie’,
selectedMode: ‘single’,
radius: [0, ‘30%’],

        label: {
            normal: {
                position: 'inner'
            }
        },
        labelLine: {
            normal: {
                show: false
            }
        },
        data:[
            {value:335, name:'直达', selected:true},
            {value:679, name:'营销广告'},
            {value:1548, name:'搜索引擎'}
        ]
    },
    {
        name:'访问来源',
        type:'pie',
        radius: ['40%', '55%'],

        data:[
            {value:335, name:'直达'},
            {value:310, name:'邮件营销'},
            {value:234, name:'联盟广告'},
            {value:135, name:'视频广告'},
            {value:1048, name:'百度'},
            {value:251, name:'谷歌'},
            {value:147, name:'必应'},
            {value:102, name:'其他'}
        ]
    }
]

};