设置是否显示线
lable{
show: true, // false不展示
position: "outside", // 设置位置在饼状图的外面 inside为内部
}
设置线的样式
labelLine: {
normal: {
length: 100, //第一条线
length2: 30, //第二条线
lineStyle: {
width: 1, // 线条的宽度
color: "#000", //线的颜色设置, 如没有设置颜色则线条的颜色跟随饼状图的颜色
}
}
}
------- 添加一个类似代码
let index = 0;
var colorList = ['#73DDFF', '#73ACFF', '#FDD56A', '#FDB36A', '#FD866A', '#9E87FF', '#58D5FF']
option = {
title: {
text: 'pieChart',
x: 'center',
y: 'center',
textStyle: {
fontSize: 20
}
},
tooltip: {
trigger: 'item'
},
series: [{
type: 'pie',
center: ['50%', '50%'],
radius: ['24%', '45%'],
itemStyle: {
normal: {
color: function(params) {
return colorList[params.dataIndex]
}
}
},
label: {
show: true,
position: 'outside',
formatter: '{a|{b}:{d}%}',
},
labelLine: {
normal: {
length: 20,
length2: 30,
lineStyle: {
width: 1
}
}
},
data: [{
'name': '一月',
'value': 1.45
}, {
'name': '二月',
'value': 2.93
}, {
'name': '三月',
'value': 3.15
}, {
'name': '四月',
'value': 4.78
}, {
'name': '五月',
'value': 5.93
}, {
'name': '六月',
'value': 5.73
}
],
}]
};