echarts 饼图超过9种颜色就重复了,如何自定义颜色
echarts的饼图默认超过9个颜色就会重复了,我们可以自定义饼图的颜色。
方法一、在option里面直接设置
const option = {
legend: {
//
},
color: ["red", '#000'] //在这里自定义颜色数组即可
}
方法二、在 option.series.data 里面配置
// 定义一个颜色数组
const colorList = ['red', 'blue', '#fff']
option.series.forEach(item => {
if (item.data && item.data.length > 0) {
// 对每一个data,指定一个颜色
item.data.forEach((i, index) => {
// 注意取模
i.itemStyle = { color: colorList[index % (colorList.length - 1)] }
})
}
})