问题:原始的颜色是十几个颜色重复显示
![76f5526699e1e8bd2ab7f8534f4e6a8f.png](https://i-blog.csdnimg.cn/blog_migrate/5a9223df0ca65801721accb4498bbd03.jpeg)
解决:
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}
}
},