vue中使用词云图的实现示例

在vue中, 查找到有两种方法来实现词云图, 分别是echarts 和 highcharts

Echarts:

注意,wordcloud对应的echarts版本有要求:echarts-wordcloud@2 is for echarts@5 echarts-wordcloud@1 is for echarts@4

需要下载echartsjs 和 wordcloud, 全局注册引用echarts

	npm install echarts@5
	npm install echarts-wordcloud@2

无遮罩层的词云图↑

有遮罩层的词云图↑

Highcharts

下载包

npm install [email protected]

echarts 和 highcharts 都可以在vue中实现词云图. 但是如果使用echarts的话, 需要当前的echarts进行升级或降级才能实现字体多颜色, 而highcharts则不需要. 自定义形状highcharts暂时还没探究, 需要的可以自行查找, 以后有机会的话我也会看看.

到此这篇关于vue中使用词云图的文章就介绍到这了,更多相关vue中使用词云图内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！