echarts 图例颜色不重复

问题：原始的颜色是十几个颜色重复显示

 

解决:

1、随机生成颜色

2、赋值给series里每条数据得itemStyle:color

//随机生成颜色 handleColors(){ let color = ''; let r=Math.floor(Math.random()*256); let g=Math.floor(Math.random()*256); let b=Math.floor(Math.random()*256); color = `rgb(${r},${g},${b})`; return color;//所有方法的拼接都可以用ES6新特性`其他字符串{$变量名}`替换 }, //设置图例颜色 setEchartColor(){ for (let i of this.data.data.series) { let color = this.actions.handleColors(); console.log('color',color) console.log('i',i) i['itemStyle']={color:color} } },