echarts-wordcloud词云使用之版本问题

最新推荐文章于 2026-01-10 11:57:16 发布
原创 最新推荐文章于 2026-01-10 11:57:16 发布 · 2.3k 阅读 · 2 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
收录于
Web前端-数据可视化

当前文章被收录于：

Web前端-数据可视化
6 篇文章 0 人学习
订阅专栏 查看详情
使用echarts4.9.*版本时词云效果正常，但在安装echarts5及echarts-liquidfill后，词云出现异常。原因是echarts-wordcloud版本不匹配，需升级echarts-wordcloud至对应版本。

使用echarts4.9.*版本词云效果正常，因为绘制水球图，安装如下库：

"echarts": "^5.1.2",
"echarts-liquidfill": "^3.0.0",

然而，词云却报了如上图所示错误，即echarts-wordcloud.min异常了。

后经过查找相关资料，发觉是版本问题，echarts-wordcloud 2 对应的是echarts5, echarts-wordcloud 1对应的是echarts 4。

需要升级echarts-wordcloud版本。

 详见：https://github.com/ecomfe/echarts-wordcloud

echarts-wordcloud绘制词云图之空串问题。
helloworld的专栏
03-15 9670
最近在使用echarts-wordcloud绘制词云图，在实际的开发环境中表现算是正常，但部署到正常的生产环境上来看，发现实际的云图并非预期，按正常的业务场景，这些关键词至少都是有密度区分的，不应该会展示为这样。 仔细看了下返回JSON子串是这样的，后来想想应该是第一个空串有关，而且这个空串的出现权重非常大。 [ { "name": "", "v
echarts词云热词echarts-wordcloud问题
leoppeng的专栏
07-22 3037
Uncaught TypeError: echarts_lib_echarts__WEBPACK_IMPORTED_MODULE_0__.helper.createTextStyle is not a function at Object.seriesModel.layoutInstance.ondraw (WordCloudView.js?c03d:20) at HTMLCanvasElement.onWordCloudDrawn (wordCloud.js?0a4f:139) ...
echarts使用echarts-wordcloud词云 字体颜色不生效问题解决
阿星小栈
01-10 3340
echarts使用echarts-wordcloud词云 自定义字体颜色不生效问题解决
eechart echarts-wordcloud 生成人物词云图 词云 词少、形状问题、 解决办法
热门推荐
csy_119的博客
03-26 7万+
1. git官方地址： https://github.com/ecomfe/echarts-wordcloud 2. 需要 下载echarts包 和 echarts-wordcloud包 【npm install echarts 、npm install echarts-wordcloud】 const treeDataURI = ''; // 这里是图片的base64格式，为了方便阅读。我...
echarts 词云无法正常显示问题
abei0518的博客
10-24 637
解决的时候首先确定自己的 echarts 版本，之后对应还得下echarts-wordcloud一个依赖。百度了好多，很多文章都没解决我这个问题，不过了解到部分原因和很多解决方式，以下是我的问题解决办法。在 main.js 文件里引入 import ‘echarts-wordcloud’echarts4x 使用echarts-wordcloud@1x版本。echarts5x 使用echarts-wordcloud@2x版本。还没解决的话试试跟我一样的解决方式。欢迎在评论里补充别的解决方式。
echarts的词云图表类型有哪些_echarts实现词云图表
weixin_42165018的博客
01-17 1103
前段时间在开发过程中用 echarts 开发了一些图表，当做到词云的时候发觉 echarts-wordcloud 插件的颜色配置项不生效。在网上查了不少资料，好多人说 echarts4 和 echarts-wordcloud 插件不兼容了，然后还提供了一些优雅降级方案，让 echarts3 和 echarts4 同时在项目里运行。但是后来我研究发现其实 echarts4 是可以完美兼容 echar...
echarts使用wordCloud失效,报错series.wordCloud not exists,load it first问题解决
zhangxy的博客
06-17 9531
开始echarts样式如下图，显示正常。后面一段时间测试提出echarts这部分不显示数据了。 筛查之后发现有报错如下：解决： echarts2.0版本之后不再在引入的echarts中支持wordCloud,需单独引入。引入原js或者min都可以 js引入文件地址： 点击下载wordCloud引入文件 提取码: 54wn import wordCloud from "../../echarts-wordcloud.min.js"; ...
vue echarts-wordcloud 词云不显示解决方法
rosinante
10-24 5147
vue echarts-wordcloud 词云不显示常见原因和解决方法
电商评论分析实战：用ECharts词云洞察用户心声
最新发布
GoldenleafLynx28的博客
01-10 665
首先需要处理原始评论数据。我的数据是500条手机产品评论，每条包含评分、评论内容和日期。实际使用中发现，平台的内置编辑器响应很快，调试也很方便。最惊喜的是部署过程完全自动化，省去了传统部署方式的诸多麻烦。最近在做一个电商评论分析的小项目，发现用ECharts-wordcloud做词云可视化特别方便，整个过程就像搭积木一样简单。有了关键词和频率数据后，就可以用ECharts-wordcloud插件生成词云了。不需要配置服务器环境，写完代码直接就能发布成可访问的网页应用，特别适合快速验证想法。
echarts实现词云
i96249264_bo的博客
08-17 1692
最终效果图 实现思路： 1、前端引入echarts.min.js和echarts-wordcloud.js 实现： 前端代码： <body> <section class="mainBox"> <div class="column"> <div class="panel bar"> <h2>词云</h2> <div class="char
小程序 词云图 echarts-for-weixin-wordcloud
陈大文的博客
10-07 2194
这个是适配与小程序版的词云图，之前有找到ucharts来代替，但是ucharts的词云图功能有两个缺点：1.无法根据值的大小显示词云图的大小；2.显示的顺序是随机的。第一个还比较好解决，自己写一个方法就可以处理了，但是第二个就处理不了了，没法达到echarts自带的那种显示方法。这样处理就没啥问题了。
echarts词云库的使用
weixin_52936828的博客
10-29 1178
echarts在升级到2.0版本之后，不在支持词云库的使用，在最新版本的echarts（5.2.0）情况下控制台会出现如下报错 解决方法: 下载npm install echarts-wordcloud 下载成功之后，在min.js中写入 const wordCloud = require('echarts-wordcloud'); 之后词云库会正常展示 但是显示正常之后可能会遇到出现的词云只有一个颜色，如图 出现这种情况可能是因为我们配置写的有问题 //这种配置写法已经不...
echart 热搜词云(字符云)的制作以及遇到颜色不会随即变得bug
weixin_50641294的博客
07-14 2516
1.首先要引入字符云的js文件或者下载插件 进入echart 官网 ，点下载，扩展插件，找到字符云点进去 第一种 在vscode npm i echarts-wordcloud 引入 import "echarts-wordcloud"; 第二种 在echart 扩展插件 字符云里下载文件 里面有 js 然后在需要得地方引入js就可以了 // 热搜云词 export function hotTerms(params) { // 基于准备好的dom，初始化echarts实例
echarts词云图绘制与踩坑记录（vue）（算半原创）
TwoBE9876的博客
03-11 1055
由于项目需求，需要做一个词云图，然后百度了使用方法（官网示例好像没有词云图） 下面是实现的步骤和代码 安装依赖并在main中导入 npm install echarts npm install echarts-wordcloud import * as echarts from 'echarts' // 引入Echarts Vue.prototype.$echarts = echarts // echarts挂载到原型 创建组件(记得加高度) <template> ..
vue前端生成词云图的方法
weixin_45872600的博客
12-01 1172
vue前端生成词云图的方法
append从一个添加到另一_真特么激动第一个爬虫----爬取豆瓣电影top250
weixin_35987446的博客
12-04 1162
养成习惯，先赞后看！！！ 前言 之前一直对爬虫有兴趣，但是一直没有真正静下心来去好好学习过，这一段时间跟着b站上的一个教程做了自己人生中第一个爬虫程序，还是很有成就感的。 准备工作 1. 我们爬取一个网站首先要具备以下这些知识，否则实际操作起来还是比较困难的，比如说h5,正则表达式，基础的数据结构，python的基本语法知识。 2. 我们安装完python环境以及编译器之后，需要引入我们所需要的的...
Echarts—词云库（echarts-wordcloud）配置详解和使用（可自定义形状）
前端探险家的博客
06-14 4万+
我们经常会看到一些网站或者页面有一堆五颜六色的词汇的聚在一块，有大有小的散落着，看着挺好看的；也许项目中也会涉及到显示一些关键词之类的需求，这个时候也可以用词云库（echarts-wordcloud）来实现；echarts-wordcloud是基于echarts的一个词云库，但是在echart官网中的配置相中却没有关于他的介绍，下面我们就来一起慢慢探索并能手到擒来的使用它；1.下载图片首先要找到一张图片，为了成功率较高，随意对图片也是有要求的，图片一定要是矢量图，并且最好为黑色填充，当然其他颜色也行。
Echarts词云wordcloud实践
ssjdoudou的博客
02-06 1万+
官方地址https://github.com/ecomfe/echarts-wordcloud demo展示地址https://www.guanacossj.com/JiaBlog/contact-us/ 效果 引用 <script src="..echarts-wordcloud.js"></script> <script src="..echarts...
D3实现TREE树状图
^_^TaeYang-Jade^_^
12-26 5278
树状图 .node circle { fill: #fff; stroke: steelblue; stroke-width: 1.5px; } .node { font: 12px sans-serif; } .link { fill: none; stroke: #ccc; stroke-width: 1.5px; } var wid
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

LuckyJiang.2021

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值