相关链接

Echarts 词云图 - Super~me - 博客园
ecomfe/echarts-wordcloud: Apache ECharts (incubating) wordcloud extension based on wordcloud2.js

实现过程

1. 下载 echarts-wordcloud.min.js

2. 粘贴到项目中

3. 修改 echarts-wordcloud.min.js 文件以便于在 layui 中扩展使用

   在文件最后加上以下代码即可

   layui.define(function(exports) {
   	exports('echartsWordCloud', echarts);
   });
   ​

4. 修改 lay-config.js

   layui.config({
   base: rootPath + "lay-module/",
   version: true
   }).extend({
   //...
   echarts: 'echarts/echarts', // echarts图表扩展
   echartsWordCloud: 'echarts/echarts-wordcloud' // echartsWordCloud图表扩展
   //...
   })
   ​

5. 在 HTML 文件中使用，跟饼图基本一样，可以参考这篇文章 Echarts 词云图 - Super~me - 博客园，还可以自定义词云图形状。

   layui.use(['layer', 'echarts', 'echartsWordCloud', 'element', 'table', 'miniTab'], function () {
   	//...
   })
   ​