【Bug解决】echarts词云图设置随机颜色失效

echarts词云图设置随机颜色失效这个问题,我谷歌了很久都没有找到一个比较新的解决方案,那么就整理一下我遇到这个问题然后一个可以参考的解决方案:

使用词云图的方法可以参考这篇文章:
https://segmentfault.com/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等等

这样修改以后,随机颜色就可以设置成功了!

如果文章对你有帮助,不要忘了给我点个赞吼( ̄▽ ̄)~
欢迎关注我的微信公众号:松鼠技术站

评论 20
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值