一个Vue.js组件，可在Web应用程序上生成漂亮的文字和标签云。

一个基于原始d3-cloud插件的Vue.js词云组件。

更新日志：

V1.1 2018年11月25日：

• 修复＃6添加showTooltip选项
• 修复＃5添加对自定义色阶的支持

V1.0.2 2017年8月12日：

• 其他字体比例选项
• 易于使用的旋转设置

安装和下载：

# NPM
$ npm install vue-wordcloud --save

例子：

<template>
  <div id="app">
      <wordcloud
      :data="defaultWords"
      nameKey="name"
      valueKey="value"
      :color="myColors"
      :showTooltip="true"
      :wordClick="wordClickHandler">
      </wordcloud>
  </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": "内容1",
          "value": 26
        },
        {
          "name": "内容2",
          "value": 19
        },
        {
          "name": "内容3",
          "value": 18
        },
        {
          "name": "内容4",
          "value": 16
        },
        {
          "name": "内容5",
          "value": 15
        },
        {
          "name": "内容6",
          "value": 9
        },
        {
          "name": "内容7",
          "value": 9
        },
        {
          "name": "内容8",
          "value": 9
        },
        {
          "name": "内容9",
          "value": 6
        }
      ]
    }
  }
}
</script>

选项