echarts词云图设置随机颜色失效这个问题,我谷歌了很久都没有找到一个比较新的解决方案,那么就整理一下我遇到这个问题然后一个可以参考的解决方案:
使用词云图的方法可以参考这篇文章:
/a/1190000023022232
如果上面的方式echarts设置颜色依然失效,也就是这段代码:
textStyle: {
normal: {
fontFamily: '微软雅黑',
color: function () {
return 'rgb(' + [
Math.round(Math.random() * 250),
Math.round(Math.random() * 250),
Math.round(Math.random() * 250)
].join(',') + ')';
}
}
},
那么就需要考虑是否是echarts本身的版本问题:
目前我使用的是最新的版本:
"echarts": "^5.0.2",
我通过查看控制台的警告信息,知道现在新版本的echarts设置textStyle不需要写在normal里面了,也就是将对文本的设置直接写在textStyle里:
textStyle: {
fontFamily: '微软雅黑',
color: function () {
return 'rgb(' + [
Math.round(Math.random() * 250),
Math.round(Math.random() * 250),
Math.round(Math.random() * 250)
].join(',') + ')';
}
},
实际上新版本的echarts的设置都不需要用到normal字段,例如柱状图、饼状图的的itemStyle等等
这样修改以后,随机颜色就可以设置成功了!
如果文章对你有帮助,不要忘了给我点个赞吼( ̄▽ ̄)~
欢迎关注我的微信公众号:松鼠技术站