[ECharts] Unknown series wordCloud

作者在使用vite和echarts构建大屏可视化项目时遇到UnknownserieswordCloud错误,经排查发现是由于echarts和echarts-wordcloud版本不匹配以及项目路径包含中文导致。解决方案是确保版本对应(如echart4x用1x版本wordcloud,echart5x用2x)且项目根目录无中文名。
摘要由CSDN通过智能技术生成

问题描述

最近在使用vite + echarts做大屏可视化的项目练习,在渲染云词图遇到了一些问题,报如下错误:

[ECharts] Unknown series wordCloud


原因分析:

在渲染云词图的过程中,除了echarts之外,还需要使用echarts-wordcloud插件,使用cnpm i echarts-wordcloud@2.0.0之后,并添加基础代码之后,发现一直同一个错误Unknown series wordCloud。在查询了node_modules之后发现包都下载下来了,代码也没啥问题,也百度了很多答案都没啥用,基本上都是说版本不匹配。我改了好几次版本都是失败的,后来我想可能是项目太大,下载别的插件有产生了影响,于是新建了一个项目,使用跟之前项目一样的版本,马上就出来。查出报错原因如下:

1、echart和wordcloud版本不匹配(我的是匹配的)

2、文件路径问题(我一只报错的原因所在)


解决方案:

1、echart和wordcloud版本要匹配:

 echart4x 使用wordcloud@1x版本

 echart5x 使用wordcloud@2x版本

2、项目创建的路径不能包含中文名称,如果有中文,会导致一直报以上错误

我的项目根目录文件名称是大屏可视化,于是我把根目录名称改成英文之后,马上就出来了:效果图如下:

以上就是我的解决方法,希望对大家有帮助!🎉 

  • 8
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
根据引用\[1\],在使用词云图的页面中,需要将echarts-wordcloud.min.js文件复制到utils文件夹中,并通过import语句引入该文件。这样可以确保词云图的相关功能可以正常使用。 根据引用\[2\],如果在引用echarts-wordcloud时没有报错,但是打印出来的结果是undefined,可能是因为没有正确引入相关的包或者依赖。需要检查是否正确安装了echarts-wordcloud包,并且在代码中正确引用了该包。 根据引用\[3\],如果安装echarts-wordcloud包时出现问题,可以尝试重新安装该包。使用cnpm install echarts-wordcloud命令可以快速安装,但是可能会出现依赖包没有下载的情况。另外,使用npm install echarts-wordcloud命令可能需要等待一段时间,并且可能会下载一些与该包无关的内容。 综上所述,"Unknown series wordCloud"的问题可能是由于未正确引入echarts-wordcloud包或者安装依赖时出现问题导致的。需要检查代码中的引用和安装过程,并确保正确引入了echarts-wordcloud包。 #### 引用[.reference_title] - *1* [Echarts5.x词云图报错[ECharts] Unkown series wordCloud](https://blog.csdn.net/weixin_44582045/article/details/131163660)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* *3* [echarts5.x 词云图使用(`[ECharts] Unkown series wordCloud`)](https://blog.csdn.net/qq_37177115/article/details/126207173)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值