前言:
整理一些echarts中比较有个性的
效果图:
实现代码:
option = {
tooltip: {
trigger: 'item',
formatter: '{a} <br/>{b}: {c} ({d}%)'
},
legend: {
orient: 'vertical',
left: 10,
data: ['直达', '营销广告', '搜索引擎', '邮件营销', '联盟广告', '视频广告']
},
series: [
{
name: '访问来源',
type: 'pie', //设为饼图
radius: ['40%', '55%'], //可调整大小
clockWise:true, //默认逆时针
hoverAnimation: false, //移入放大
avoidLabelOverlap: false, //避免标注重叠
label: {
formatter: '{b|{b}:}{c} ({d}%) ',
rich: {
a: {
color: '#999',
lineHeight: 22,
align: 'center'
},
b: {
fontSize: 16,
lineHeight: 33
},
}
},
data: [
{value: 335, name: '直达'},
{value: 310, name: '邮件营销'},
{value: 234, name: '联盟广告'},
{value: 135, name: '视频广告'},
]
}
]
};