Echats-wordcloud 文字云图的踩坑点【Unknown series wordCloud】

本文主要是介绍Echats-wordcloud 文字云图的踩坑点【Unknown series wordCloud】，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

在词云渲染时遇到渲染不出来的问题：

原因分析：

1、echart和wordcloud版本不匹配（我的是匹配的）

解决方案：

1、echart和wordcloud版本要匹配：

 echart4x 使用wordcloud@1x版本

 echart5x 使用wordcloud@2x版本

echart5版本需要单独按照wordcloud，安装插件不要使用cnpm，正常使用npm

可以参考评论区大佬，安装插件不要使用cnpm，正常使用npm

npm install echarts-wordcloud@1
npm install echarts-wordcloud 默认安装的是 2.0 版本

具体使用：

项目中引用：

import * as echarts from 'echarts';
import 'echarts-wordcloud';

const options = {// 核心配置 series: [{type: 'wordCloud',sizeRange: [8, 46],rotationRange: [0, 0],gridSize: 0,layoutAnimation: true,textStyle: {color: randomRGB // 生成一些随机颜色的函数},data: props.data.datas, // 这里随便改成数组包含数据就好emphasis: {textStyle: {fontWeight: 'bold',color: '#000'}}}]}

坑2：

加载的词云颜色不生效 时因为 echartcloud2版本这个地方需要去掉normal

这篇关于Echats-wordcloud 文字云图的踩坑点【Unknown series wordCloud】的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---