vue项目中使用词云_vue 词云 echarts-wordcloud

import echarts from "echarts";

import wordcloud from "echarts-wordcloud";

export default {

props: {},

data() {

return {

wordcloud: wordcloud,

cloudData: [

{ value: 100, name: "文字" },

{ value: 400, name: "图片" },

{ value: 333, name: "参考" },

{ value: 855, name: "音视频" },

{ value: 343, name: "新媒体" },

{ value: 343, name: "测试1" },

{ value: 43, name: "测试2" },

{ value: 543, name: "测试3" },

{ value: 333, name: "测试4" },

{ value: 323, name: "测试5" },

{ value: 33, name: "测试6" },

{ value: 13, name: "测试7" },

{ value: 543, name: "测试8" },

{ value: 66, name: "测试9" },

{ value: 666, name: "测试10" },

],

};

},

mounted() {

this.drawCloud(this.$refs.cloudEl, this.cloudData);

},

methods: {

drawCloud(wrapEl, data) {

let myChart = echarts.init(wrapEl);

var option = {

tooltip: {

show: true,

},

series: [

{

name: "热词",

type: "wordCloud",

sizeRange: [10, 30],

rotationRange: [-20, 20],

shape: "circle",

left: "center",

top: "center",

width: "100%",

height: "80%",

gridSize: 3,

textPadding: 0,

autoSize: {

enable: true,

minSize: 6,

},

<