动漫视频网站模板/网络营销公司哪家可靠

echarts在升级到2.0版本之后，不再支持词云库的使用，在最新版本的echarts（5.2.0）情况下控制台会出现如下报错

 

解决方法:

下载npm install echarts-wordcloud   【注：版本号：2.0.0】

下载成功之后，在min.js中写入 

const wordCloud = require('echarts-wordcloud');

之后词云库会正常展示 

但是显示正常之后可能会遇到出现的词云只有一个颜色，如图

出现这种情况可能是因为我们配置写的有问题

//这种配置写法已经不生效了
textStyle: {normal: {color: function() {return 'rgb(' + [Math.round(Math.random() * 160),Math.round(Math.random() * 160),Math.round(Math.random() * 160)].join(',') + ')';}},
}//可以把normal对象去掉，就会正常显示不同的颜色。
textStyle : {fontFamily: 'PingFangSC-Semibold',fontWeight: 400,color: function () {return 'rgb(' + [Math.round(Math.random() * 160), Math.round(Math.random() * 160), Math.round(Math.random() * 160)].join(',') + ')' ;},
}

 配置完成之后没有其他的问题，应该就可以正常显示我们想要的词云库

echarts版本号和echarts-wordcloud版本号如果不匹配，也会发生报错的问题，例如：

echarts版本号5.1.0对应的echarts-wordcloud的版本号是1.1.3

echarts版本号5.2.0对应的echarts-wordcloud的版本号是2.0.0

小伙伴们可以注意一下自己的版本号٩(๑❛ᴗ❛๑)۶