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

原创 已于 2024-01-15 16:34:48 修改 · 2.2k 阅读 · 3 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript

于 2023-09-05 10:19:09 首次发布
博主在处理ECharts wordCloud显示问题时遇到bug，尝试多种方法如echart不同版本搭配对应wordcloud版本、换min.js引入等均无效，一直报错。最后代码未改问题却莫名解决，还建议安装插件用npm而非cnpm。

说实话，这个bug我搞了很久都弄不好，代码什么都没改就突然好了，很神奇

翻遍了各种文章，大概总结是

  • echart4x 要使用wordcloud@1x
  • echart5x 要使用wordcloud@2x
  • 显示不出来换成min.js引入

诸如此类的，我试过都不行
一直都是报 【ECharts Unknown series wordCloud】
正如开头所讲，莫名其妙就好了
可以参考评论区大佬，安装插件不要使用cnpm，正常使用npm
在这里插入图片描述
在这里插入图片描述

const options = {
   
   
      // 核心配置 
      series: [
        {
最低0.47元/天 解锁文章
Sky_Bug
关注
echarts-wordcloud绘制词云图之空串问题。
helloworld的专栏
03-15 9575
最近在使用echarts-wordcloud绘制词云图，在实际的开发环境中表现算是正常，但部署到正常的生产环境上来看，发现实际的云图并非预期，按正常的业务场景，这些关键词至少都是有密度区分的，不应该会展示为这样。 仔细看了下返回JSON子串是这样的，后来想想应该是第一个空串有关，而且这个空串的出现权重非常大。 [ { "name": "", "v
Echarts5.x词云图报错[ECharts] Unkown series wordCloud
老电影故事的博客
06-12 3332
echarts2.0版本之后不再在引入的echarts中支持wordCloud,需单独引入。引入原js或者min都可以。复制这份文件到utils。然后再使用词云图的页面。
[ECharts] Unknown series wordCloud
weixin_53183632的博客
03-01 2041
大屏可视化 echarts + wordcolud 渲染云词图bug解决方法一览，两分钟轻松拿下！
echarts5.x 词云图使用（`[ECharts] Unkown series wordCloud`）
RealizeInnerSelf丶
08-07 8229
echarts5.x + wordcloud2.x 搭配使用
echarts使用wordCloud失效,报错series.wordCloud not exists,load it first问题解决
zhangxy的博客
06-17 9478
开始echarts样式如下图，显示正常。后面一段时间测试提出echarts这部分不显示数据了。 筛查之后发现有报错如下：解决： echarts2.0版本之后不再在引入的echarts中支持wordCloud,需单独引入。引入原js或者min都可以 js引入文件地址： 点击下载wordCloud引入文件 提取码: 54wn import wordCloud from "../../echarts-wordcloud.min.js"; ...
使用echarts-wouldcloud报错series.wordcloud not exists,load it first解决方案
BLinGXd的博客
10-26 1272
现在是2023.10.26,笔者使用的echarts版本是5.3，echarts-wordcloud版本是2.1.0，按照官网的方式引入了worldcloud，type=wordCloud之后发现不显示，浏览器报错series.wordcloud not exists,load it first，但是echarts本身的诸如饼状图（type=pie）之类的可以正常显示。一开始以为是版本不匹配的问题，因为按照官方说法echarts-wordcloud2适配echarts5，echarts-wordcloud1
Echarts之词云图
最新发布
2301_77751917的博客
04-08 874
词云图是对文本中出现频率较高的“关键词”予以视觉化展现，词云图可以过滤掉大量低频低质的文本信息，使浏览者只要一 眼扫过文本就可领略大概主旨。词云图是一种非常好的图形展现方式，这种图形可以让人们分析同一篇文章中或者同一网页中关键词出现的频率。词云图对于产品排名、热点问题或舆情监测是十分有帮助的。利用function()创建随机样式函数，该函数通过随机函数产生红、绿、蓝(RGB)的三原色取值，从而合成一个随机的颜色，即可使得每个词云获得一个随机的颜色。
echarts-wordcloud.js词云图插件
05-16
echarts制作词云图需要的文件 ECharts 的词云图是一个插件类型的图表。在 ECharts 官网下载的完整版本不包含词云图，使用时，需要在引入 echarts.js 之后，另外引入词云图对应的 echarts-wordcloud.js
echart绘制词云图 wordcloud
weixin_51187603的博客
05-07 1372
echart版本更新以后，不能直接识别series的type为wordcloud，从网上看到可以通过引入原min文件或js文件，但是没找到资源，于是后面看到另一种方法就是直接npm wordcloud包 步骤如下： 先下载 然后在使用的地方引入即可： ...
echarts-wordcloud.min.js
03-09
echarts-wordcloud.min.js
echarts-liquidfill.js
06-29
echarts-liquidfill.js文件，做水球图用的，官方的api
【echarts踩坑记录】版本问题、wordCloud引入
在热爱技术的路上一直前行。
06-15 3139
在vue中使用echarts，首先要npm i echarts(未指定版本，目前默认安装5.0）安装一下echarts，然后在main.js入口文件中引入并挂载echarts，我就想当然的使用了如下引入方式：然后使用的时候，就一直说$echarts未定义，就一直找博客看看别人是怎么解决的。知道我找到这个文章：VUE引用和使用echarts4/echarts5的差别。 报错原因： echarts插件中没有wordCloud依赖包。 Vue echarts-wordcloud使用技巧总结+避坑 这篇文章，已
echarts-wordcloud词云使用之版本问题
qq_39704803的博客
05-07 2059
在vue中引入echarts-wordcloud依赖，发觉无法正常显示，后经过查找相关资料，发觉是版本问题，echarts-wordcloud 2 对应的是echarts5, echarts-wordcloud 1对应的是echarts 4 具体查看：https://github.com/ecomfe/echarts-wordcloud ...
在Vue项目中引入Echarts图表
m0_46570767的博客
06-22 2041
在Vue项目中引入Echarts图表 安装echarts插件 npm install echarts --save 在package.json中可以找到如下，即安装成功： "dependencies": { "echarts": "^4.8.0", }, 2.在main.js中引入 import Echarts from 'echarts' // 引入Echarts插件 // 注册Echarts插件 Vue.prototype.$echarts = Echarts 3.在Home.v
angular6配置echarts4.x使用echarts-wordcloud
i_quite的博客
11-01 2664
1、安装echarts4.x及echarts-wordcloud npm install echarts npm install ngx-echarts npm install echarts-wordcloud tip:rxjs和rxjs-compat这两个不能少，否则会报object().empty和try-catch错误。 2、从node_modules库中引...
echarts报错`setOption` should not be called during main process
热门推荐
weixin_43815091的博客
03-03 1万+
echarts报错setOption should not be called during main process 问题描述 父组件传值给wordcloud组件渲染echarts，报错：setOption should not be called during main process. 从网上看了好多，有人说是重复渲染，要在setOption前clear一下，但是我用了这个方法无效 wordChart.clear(); wordChart.setOption(); 原因是在渲染的时候，父组件的数据还
评论 11
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值