先看下效果:label的颜色和图表的颜色保持一致
直接上代码:
series: [
{
// 其他的设置,就不在这里写了
color: colorList, // 颜色数组,如果不写,那么图表的渲染颜色和外面的渲染颜色就会不一致
data: arrObj.map((item, index) => {
item.label = {
// 两个地方,保持图表和label的颜色一致
color: colorList[index],
formatter: function (item: any) {
if (item.value < 10000) {
return `共${item.value}万元\n${item.percent}%)\n${item.name}`
} else {
const val = Math.round(item.value / 1000) / 10
return `共${val}万元\n${item.percent}%)\n${item.name}`
}
}
}
return item
}),
}
]
}