爱吃棉花糖#的博客

1.安装echarts插件命令行：npm install echarts --save2.组件导入echarts如图：运行效果：<template> <div id="tu"> <div id="lond"></div> </div></template><script>import { getlond } from "../api/lond";import * as echarts from

1.在vue中安装echarts和echarts-wordcloudnpm install echarts/*注意版本号，echarts5.0.0对应的echarts-woedcloud2.0.0版本*/npm install echarts-wordcloud@2.0.02.在main.js引入import echarts from 'echarts'Vue.prototype.$echarts = echarts2.创建子组件wordcloud.vue<template>

visualMap = [ //视觉映射组件，用于进行『视觉编码』，也就是将数据映射到视觉元素。视觉元素可以是：symbol: 图元的图形类别。symbolSize: 图元的大小。color: 图元的颜色。 // colorAlpha: 图元的颜色的透明度。opacity: 图元以及其附属物（如文字标签）的透明度。colorLightness: 颜色的明暗度。colorSaturation: 颜色的饱和度。colorHue: 颜色的色调。 { show: true, //是否显示 visua