1.取消饼图中心文字
效果对比:
series : [ {
name : modelValue[2],
type : 'pie',
radius : [ '50%', '70%' ],
itemStyle : {
normal : {
label : {
show : false //隐藏标示文字
},
color:function(){
return colors[i++];
},
}
},
avoidLabelOverlap : false,
label : {
normal : {
show : false,
position : 'center'
},
emphasis : {
show : false, //设置饼图中心文字样式
textStyle : {
fontSize : '16',
fontWeight : 'bold',
color:'#198cff',
}
}
},
labelLine : {
normal : {
show : false
}
},
data : modelValue[0],
} ]
2.饼图鼠标移动上去高亮显示的颜色定义(直接定义在data里面)
data:[{
value : data.PTRYQYRS == 0 ? 100
: data.PTRYZRS - data.PTRYQYRS,
name : '未签约人数',
itemStyle: {
emphasis: {color: '#ededed'}//设置颜色
}
} ]
3.自定义tootip格式:
效果图:
fromatter 支持函数,params鼠标所在的图形数据,可获取其中内容自定义格式
formatter : function(params){
return "    "+params.seriesName+"</br>"
+ "<span style='display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:"+params.color+";'></span>"
+" " +params.name + ": " + params.value + " </br>"
+ "<span style='display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:"+params.color+";'></span>"
+" " + "占比: " + params.percent+"%";
} ,
4.设置饼图指示线长度:
labelLine:{
normal:{
length:5 , //第一根指示线
length2:10 //第二根指示线
}
},