在词云渲染时遇到渲染不出来的问题:
原因分析:
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