词云-vue-wordcloud组件封装

1.安装 vue-wordcloud在项目里面，通过npm安装下载

npm install vue-wordcloud --save

2.组件传参

props:['val','myColors','width', 'height'],

<template><div class="hello"><div id="app"><wordcloud:data="val"ref="word"nameKey="name"valueKey="value":fontSize='[10, 20]':color="myColors":showTooltip="true":wordClick="wordClickHandler"></wordcloud></div></div></template>
<script>
import wordcloud from 'vue-wordcloud'
export default {name: 'wordCloud',props:['val','myColors','width', 'height'],components: {wordcloud},mounted() {console.log(this.$refs.word)},methods: {wordClickHandler(name, value, vm) {console.log('wordClickHandler', name, value, vm);}},data() {return {}}
}
</script>
<style lang="less" >body{overflow: hidden;}#app{position: relative;}.hello{position: relative;}.wordCloud{height: 200px !important;}
</style>

词云-vue-wordcloud组件封装相关推荐

R语言生成词云（wordcloud）实战
R语言生成词云(wordcloud)实战目录 R语言生成词云(wordcloud)实战 #包的安装及导入 #仿真数据
python词云乱码_python词云库wordCloud使用方法详解(解决中文乱码)
文章中的例子主要借鉴wordColud的examples,在文章对examples中的例子做了一些改动. 一.wordColud设计中文词云乱码使用wordColud设计词云的时候可能会产生乱码问题 ...
python怎样安装词云库_python词云库wordcloud的使用方法与实例详解
wordcloud是优秀的词云展示第三方库一.基本使用 import jieba import wordcloud txt = open("1.txt", "r&quo ...
Vue自定义组件封装及使用Excel
Vue自定义组件封装及使用Excel 一.js-xlsx 组件安装二. 创建vue组件三.使用四.效果图一.js-xlsx 组件安装 npm install xlsx --savenpm in ...
python词云库——wordcloud
一.安装wordcloud 安装总结: 1.安装 C++编译器(如Dev c++编辑器),并将安装目录\MinGW64\bin 配置环境变量 2.安装词云库 pip install wordclou ...
python词云库wordcloud自定义词云制作步骤详解
读书使人充实,讨论使人机智,笔记使人准确-.凡有所学,皆成性格. ---- (英国)培根文章目录 wordcloud库常规方法第三方库读取文件自定义绘制指定形状的词云 wordcloud库常规 ...
vue+el-upload组件封装（图片，文件上传至oss阿里云）
1.安装ali-oss npm install ali-oss --save 2.oss方法封装新建utils/ali-oss-upload.js文件(代码如下) const OSS = requi ...
词云（WordCloud）参数详情
准备工作安装 pip install wordcloud 导入 import wordcloud from wordcloud import WordCloud WordCloud参数 font_p ...
词云（WordCloud）制作
以<神雕侠侣>为例,我们制作词云,看看有哪些高频词汇. 1. 导入一些包 # -*- coding:utf-8 -*- # @Python Version: 3.7 # @Time: 20 ...
【词云】wordcloud安装与使用
wordcloud 是一个python实现的高效词频可视化工具,除了可以使用各种mask和颜色提供个性化的掩膜,还可以通过api便捷的挑战获得个性化的词云输出. 安装:pip install word ...

词云-vue-wordcloud组件封装

1.安装 vue-wordcloud在项目里面，通过npm安装下载

2.组件传参

props:['val','myColors','width', 'height'],

词云-vue-wordcloud组件封装相关推荐

最新文章

热门文章