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

作者 : admin 本文共635个字,预计阅读时间需要2分钟 发布时间: 2024-06-11 共1人阅读

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

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 版本

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

具体使用:

项目中引用:

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】插图(2)Echats-wordcloud 文字云图的踩坑点【Unknown series wordCloud】插图(3)

本站无任何商业行为
个人在线分享 » Echats-wordcloud 文字云图的踩坑点【Unknown series wordCloud】
E-->