想要实现的效果如下:
只要在formatter里这样写就可以啦,rich里面写你需要的样式即可
var option = {
color: ['#3d6dfe', '#27b3ff', '#2fffc1', '#ff892f', '#fcff2f'],
tooltip: {
trigger: 'item'
},
legend: {
type: 'scroll',
itemWidth: 12,
itemHeight: 10,
itemGap: 25, // 修改间距
textStyle: {
color: '#E0E0E0',
},
orient: 'vertical',
x:'right', // 图例在左(left)、右(right)、居中(center)、100px
y:'center', // 图例在上(top)、下(bottom)、居中(center、100px)、100px
padding:[0,50,0,0], // 图例[距上右下左方距离
},
series: [
{
name: '专利类型',
type: 'pie',
radius: ['40%', '70%'],
center: ['40%', '50%'],
avoidLabelOverlap: false,
padAngle: 2,
itemStyle: {
borderRadius: 5
},
label: {
show: false,
position: 'center',
},
emphasis: {
label: {
show: true,//中间文字显示
fontSize: 16,
formatter(params) {
return '{total|' + params.value +'}'+ '\n\r' + '{active|'+ params.name +'}'
},
rich: {
total:{
fontSize: 25,
fontWeight: 'bold',
color:'#fff'
},
active: {
fontSize: 14,
color:'#fff',
lineHeight:30,
},
}
}
},
data: data
}
]
};