1、效果图:![在这里插入图片描述](https://img-blog.csdnimg.cn/20200330155925242.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzM4MTM0NDMx,size_16,color_FFFFFF,t_70)
2、完整代码:(可以直接贴到echarts官网进行测试查看效果)
option = {
tooltip: {
trigger: 'item',
formatter: '{a} <br/>{b} : {c}%'
},
legend: {
orient: 'vertical',
left: 10,
data: ['直接访问', '邮件营销', '联盟广告', '视频广告', '搜索引擎']
},
color: ['#1689fe', '#cd9d9d', '#8c79fe', '#90c5ed', '#bfc078'],
series: [
{
name: '访问来源',
type: 'pie',
minAngle: 10,
radius: ['30%', '70%'],
center: ['48%', '58%'],
label: {
formatter: '{b|{b}}\n({c}%)\n',
rich: {
b: {
align: 'center'
}
}
},
data: [
{value: 0, name: '直接访问'},
{value: 0, name: '邮件营销'},
{value: 20, name: '联盟广告'},
{value: 30, name: '视频广告'},
{value: 50, name: '搜索引擎'}
]
}
]
};