配置项如下
option = {
backgroundColor:'#fff',
title:{
text:'各类型注销数量占比'
},
tooltip: {
},
series: [{
name: '申请注销',
type: 'pie',
radius: ['18%', '22%'],
center:['50%','50%'],
color:'#00EE76',
label: {
normal: {
position: 'center'
}
},
data: [{
value: 69,
name: '申请注销数',
label: {
normal: {
formatter: '{d} %',
textStyle: {
fontSize: 18
}
}
},
tooltip:{
trigger: 'item',
formatter: "{a} <br/>计算公式:占比率=({b}/注销总数)*100%<br/> 申请注销数 : {c}"
}
}, {
value: 133,
name: '其他类型数',
label: {
normal: {
formatter: '\n申请注销占比',
textStyle: {
color: '#555',
fontSize: 13
}
}
},
itemStyle: {
normal: {
color: '#aaa'
},
emphasis: {
color: '#aaa'
}
},
}]
},{
name: '吊销注销',
type: 'pie',
radius: ['18%', '22%'],
center:['10%','50%'],
color:'#FF4500',
label: {
normal: {
position: 'center'
}
},
data: [{
value: 38,
name: '吊销注销数',
label: {
normal: {
formatter: '{d} %',
textStyle: {
fontSize: 18
}
}
},
tooltip:{
trigger: 'item',
formatter: "{a} <br/>计算公式:占比率=({b}/注销总数)*100%<br/> 吊销注销数 : {c}"
}
}, {
value: 164,
name: '其他类型数',
label: {
normal: {
formatter: '\n吊销注销占比',
textStyle: {
color: '#555',
fontSize: 13
}
}
},
itemStyle: {
normal: {
color: '#aaa'
},
emphasis: {
color: '#aaa'
}
},
}]
},{
name: '到期注销',
type: 'pie',
radius: ['18%', '22%'],
center:['30%','50%'],
color:'#473C8B',
label: {
normal: {
position: 'center'
}
},
data: [{
value: 95,
name: '到期注销数',
label: {
normal: {
formatter: '{d} %',
textStyle: {
fontSize: 18
}
}
},
tooltip:{
trigger: 'item',
formatter: "{a} <br/>计算公式:占比率=({b}/注销总数)*100%<br/> 到期注销数 : {c}"
}
}, {
value: 107,
name: '其他类型数',
label: {
normal: {
formatter: '\n到期注销占比',
textStyle: {
color: '#555',
fontSize: 13
}
}
},
itemStyle: {
normal: {
color: '#aaa'
},
emphasis: {
color: '#aaa'
}
},
}]
}]
};