echarts画饼环状饼图相关参数配置

小程序：扫一扫查出行
【扫一扫了解最新限行尾号】
复制小程序

今天做页面的时候用到了环状饼图，大家都知道echarts的API文档看起来实在费劲，折腾了半天才画出来我想要的饼图，把我用到的参数配置分享给大家，希望能帮到和我一样的对echarts不是那么熟悉的童鞋。直接上代码：

var option = {
series: [
{
type:'pie',
// 第一个参数是内圆半径，第二个参数是外圆半径，相对饼图的宿主div大小
radius: ['40%', '50%'],
avoidLabelOverlap: false,
// 禁用饼状图悬浮动画效果
animation: false,

label: {
normal: {
// 这里的竖线前面的b 和 per是相应参数的别名(我理解为别名)，对应下面rich属性里的b和per
formatter: '{b|{b}：}{c} ({per|{d}%})',
backgroundColor: '#eee',
borderColor: '#aaa',
borderWidth: 1,
padding: 5,
borderRadius: 4,
rich: {
b: {
fontSize: 8,
lineHeight: 15
},
per: {
align: 'center'
}
}
}
},
data:[
{value:1432, name:'合格'},
{value:500, name:'不合格'}
]
}
]
}