这篇文章主要给大家介绍了关于vue使用echarts词云图的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
echarts词云图是echarts的一个扩展
https://echarts.apache.org/zh/download-extension.html
1.安装依赖
npm install echarts npm install echarts-wordcloud
2.main.js引入
import echarts from 'echarts'; Vue.prototype.$echarts = echarts
3.在用到的组件中引入扩展
4.配置
<div class="result"> <div style="width: 800px;height:600px"></div> <div style="width: 800px;height:600px" class="charts-two"></div> <div style="width: 800px;height:600px"></div> <div style="width: 800px;height:600px"></div></div> <b>本文来源gao@!dai!ma.com搞$$代^@码5网@</b>// 词云图
5.完成图
总结
以上就是vue使用echarts词云图的实战记录的详细内容,更多请关注gaodaima搞代码网其它相关文章!