Echarts图形属性

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 "&nbsp&nbsp&nbsp&nbsp"+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 //第二根指示线

                }  
            },