问题描述
最近在使用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、项目创建的路径不能包含中文名称,如果有中文,会导致一直报以上错误
我的项目根目录文件名称是大屏可视化,于是我把根目录名称改成英文之后,马上就出来了:效果图如下:
以上就是我的解决方法,希望对大家有帮助!🎉