配置项如下
option = {
backgroundColor:'#ffffff',
tooltip : {
trigger: 'item',
formatter: "{a}{b}({d}%)"
},
color:["#407fff", "#f29961", "#00cccd ", "#e36973"],
legend: {
// orient: 'vertical',
"width": "70%",
"left": "center",
"icon": "circle",
"right": "0",
"bottom":'20',
"padding": [20, 30],
"itemGap": 30,
x: 'left',
data: ['非常满意','满意','基本满意','不满意'],
formatter:function(name){
var oa = option.series[0].data;
var num = oa[0].value + oa[1].value + oa[2].value + oa[3].value;
for(var i = 0; i < option.series[0].data.length; i++){
if(name==oa[i].name){
return name + ' ' + oa[i].value + '项';
}
}
}
},
series : [
{
name: '',
type: 'pie',
radius : '58%',
center: ["50%", "50%"],
radius: ["20%", "58%"],
data:[
{value:360, name:'非常满意'},
{value:50, name:'满意'},
{value:20, name:'基本满意'},
{value:20, name:'不满意'}
],
itemStyle: {
emphasis: {
shadowBlur: 10,
shadowOffsetX: 0,
shadowColor: 'rgba(0, 0, 0, 0.5)'
}
},
itemStyle: {
normal: {
label:{
show: true,
// position:'inside',
formatter: '{b}\n ({d}%)' ,
textStyle:{
fontSize:16
}
},
borderColor: '#ffffff',
borderWidth: 0,
},
labelLine :{show:true}
}
}
]
};