1、下载

在项目里面，通过npm安装下载

npm install vue-wordcloud --save

2、使用demo

<template><div class="hello"><div id="app"><wordcloud:data="defaultWords"nameKey="name"valueKey="value":color="myColors":showTooltip="false":wordClick="wordClickHandler"></wordcloud></div></div>
</template>
<script>
import wordcloud from 'vue-wordcloud'
export default {name: 'app',components: {wordcloud},methods: {wordClickHandler(name, value, vm) {console.log('wordClickHandler', name, value, vm);}},data() {return {myColors: ['#1f77b4', '#629fc9', '#94bedb', '#c9e0ef'],defaultWords: [{"name": "Cat","value": 26},{"name": "fish","value": 19},{"name": "things","value": 18},{"name": "look","value": 16},{"name": "two","value": 15},{"name": "fun","value": 9}]}}
}
</script>

3、参考资料

github地址：

GitHub - feifang/vue-wordcloud: A Vue.js Word Cloud component

npm地址：

vue-wordcloud - npm

使用vue-wordcloud实现文字云/词云相关推荐

Python生成标签云/词云
原文地址:http://itdarcy.wang/index.php/20200104/355 python:3.7 功能模块:wordcloud 1.6.0.matplotlib 3.1.2 安装w ...
WordCloud生成卡卡西忍术词云
前言本想果断的说,卡卡西是火影里面最帅的人物.但是出于对大家的尊重,我把这句话改成:"卡卡西是动漫界最帅的人物",不接受任何反驳. 一.项目介绍在介绍之前,先给大家来个用香克斯 ...
Python Web实战：Flask + Vue 开发一个漂亮的词云网站
作者:snowspace@掘金前言大家好,我是菜鸟哥!Python里面两大最牛的Web框架,一个是Django,一个是Flask .今天就分享一个用Flask做的词云生成网站,非常有意思的小web ...
Python NLPIR2016 与 wordcloud 结合生成中文词云
前叙该博文继承之前的文章,进一步介绍NLPIR2016的使用,三个内容(利用NLPIR 的发现新词功能自动提取文本内的新词汇,解决worldcloud中英文混合只显示中文的问题,NLPIR与worl ...
wordcloud 用法及名著词云统计
python 第三方库 wordcloud 基本用法 wordcloud是一个词云展示的第三方库 ,需要安装使用. 以下演示在windows环境下进行. 演示版本为python3.7.4 1.安装安 ...
python词云形状为六边形怎么做_python第三方库wordcloud绘制任意形状词云教程
版权声明:转载附链接哦.https://blog.csdn.net/weixin_43886356/article/details/86711292 此篇教程划分为两种情况,原文本为汉字和原文本为英文 ...
Python 数据可视化：WordCloud 词云的构建
WordCloud 官方文档:https://amueller.github.io/word_cloud/index.html WordCloud GitHub 地址:https://github.c ...
WordCloud词云库快速入门（一)
词云简介 wordcloud是优秀的词云展示库,以文字为基本单位,通过图形可视化的方式,更加生动和艺术的展示文本. 安装 pip install wordcloud#安装一个超级简单的词云 impo ...
python词云库wordcloud自定义词云制作步骤详解
读书使人充实,讨论使人机智,笔记使人准确-.凡有所学,皆成性格. ---- (英国)培根文章目录 wordcloud库常规方法第三方库读取文件自定义绘制指定形状的词云 wordcloud库常规 ...

使用vue-wordcloud实现文字云/词云

1、下载

2、使用demo

3、参考资料

使用vue-wordcloud实现文字云/词云相关推荐

最新文章

热门文章