相关链接
Echarts 词云图 - Super~me - 博客园
ecomfe/echarts-wordcloud: Apache ECharts (incubating) wordcloud extension based on wordcloud2.js
实现过程
-
下载
echarts-wordcloud.min.js
-
粘贴到项目中
-
修改
echarts-wordcloud.min.js
文件以便于在 layui 中扩展使用在文件最后加上以下代码即可
layui.define(function(exports) { exports('echartsWordCloud', echarts); });
-
修改
lay-config.js
layui.config({ base: rootPath + "lay-module/", version: true }).extend({ //... echarts: 'echarts/echarts', // echarts图表扩展 echartsWordCloud: 'echarts/echarts-wordcloud' // echartsWordCloud图表扩展 //... })
-
在 HTML 文件中使用,跟饼图基本一样,可以参考这篇文章 Echarts 词云图 - Super~me - 博客园,还可以自定义词云图形状。
layui.use(['layer', 'echarts', 'echartsWordCloud', 'element', 'table', 'miniTab'], function () { //... })