一.代码和注释如下:
var option ={
series: [
{
name: 'KR完成比例',
type: 'pie',//类型为饼图
radius: ['30%', '50%'],//饼图的半径,一般写一个,若写成有2个半径的数组,则变成了环形图
label: {
formatter: '{per|{d}%} {ng|{c}}',
//标识内容;若要设置标识内容的样式,则需要像这样设置一个变量per或者ng,在rich配置项里去设置这2个变量的样式,则会改变对应标识内容的样式
backgroundColor: '#fff',
rich: { //设置标识内容样式
per: {
color: 'rgba(133, 138, 155, 1)',//设置变量per的颜色,即设置{d}%的颜色
padding: [2, 4],
borderRadius: 2
},
ng:{
color: 'rgba(92, 164, 252, 1)',
//设置变量ng的颜色,即设置{c}的颜色
}
}
},
labelLine:{//指示线样式设置
normal: {
length: 40,//设置指示线的长度
lineStyle: {
color: "red" // 设置标示线的颜色
}
}
},
data: this.indexList[i].pies//数据源
}
]
}