echarts-wordcloud版本兼容问题 使用echarts4.0之后词云颜色没有，如何解决？

Question

使用echarts4.0 版本后词云颜色就会没有，echarts-wordcloud最多支持到echats3.6版本。如果使用echats3.6版本现有的图表将会失效，有没有解决的大大 帮帮我

Answer 1

可以兼容。注意官方的例子代码不是最新的， 用textStyle 代替 itemStyle 属性
https://www.npmjs.com/package... （可以参考这个文档）

"echarts": "^4.0.4",
"echarts-wordcloud": "^1.1.3",

myOption:{
                    series: [{
                        name: '舆情信息',
                        type: 'wordCloud',
                        size: ['90%', '90%'],
                        textRotation : [-90, 90],
                        shape: 'circle',
                        autoSize: {
                            enable: true,
                            minSize: 14
                        },

                        data:[
                            {
                                name: "OFO小黄车",
                                value: 224,
                                textStyle: this.createRandomItemStyle(0)
                            },{
                                name: "车锁坏",
                                value: 2142,
                                textStyle: this.createRandomItemStyle(1)
                            },{
                                name: "不好骑行",
                                value: 12,
                                textStyle: this.createRandomItemStyle(2)
                            },{
                                name: "踏板不灵",
                                value: 99,
                                textStyle: this.createRandomItemStyle(3)
                            },{
                                name: "押金不退",
                                value: 20,
                                textStyle: this.createRandomItemStyle(4)
                            },{
                                name: "摩拜单车",
                                value: 1230,
                                textStyle: this.createRandomItemStyle(5)
                            },
                        ]
                    }]
                }

Answer 2

感觉项目变成一块新某块,

npm install --save echarts-wordcloud

在所使用的模块或者加载该使用wordcloud模块之前的任意一个模块导入echart-wc模块

require("echarts-wordcloud")

可以看这里使用：
https://www.npmjs.com/package...

Answer 3

<script src="词云图支持的版本"></script>
<script >画词云图</script>

<script src="其他图支持的版本"></script>
<script >画其他图</script>

Answer 4

我最后用的是 echart3.6.2版本和echarts-wordcloud.min.js实现，将之前4.0的图表进行了修改 改到3.6.2可以兼容的