OR博客
登录
【eCharts】eCharts词云图——在Layui中使用
苗锦洲
创建于:
2020-12-08 10:25:31
0
30
258
0
echarts功能十分强大,词云图应该也能画,但是官网实例中没找到,在百度里找到了,在这里记录一下。
Web前端
踩坑记录
layui
LayuiMini
eCharts
友情提示:
此篇文章大约需要阅读
2分35秒
# 相关链接 [Echarts词云图 - Super~me - 博客园](https://www.cnblogs.com/supershuai/p/12305433.html "Echarts词云图 - Super~me - 博客园") [ecomfe/echarts-wordcloud: Apache ECharts (incubating) wordcloud extension based on wordcloud2.js](https://github.com/ecomfe/echarts-wordcloud "ecomfe/echarts-wordcloud: Apache ECharts (incubating) wordcloud extension based on wordcloud2.js") # 实现过程 1. [下载](https://github.com/ecomfe/echarts-wordcloud "ecomfe/echarts-wordcloud: Apache ECharts (incubating) wordcloud extension based on wordcloud2.js") `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 - 博客园](https://www.cnblogs.com/supershuai/p/12305433.html "Echarts词云图 - Super~me - 博客园"),还可以自定义词云图形状。 ``` layui.use(['layer', 'echarts', 'echartsWordCloud', 'element', 'table', 'miniTab'], function () { //... }) ```
本文作者:
苗锦洲
本文链接:
版权声明:
本文为OrdinaryRoad博客博主 苗锦洲 的原创文章,遵循
CC BY-SA 4.0
许可协议,转载请附上本文链接及本声明。
上一篇
【uni-app】——引入vuetify组件库
下一篇
【jcseg】spring boot 下jar包形式下jcseg 无法访问默认的lexicon目录下的词库
评论
楼主暂时不想被别人评论哦~
回复
已自动恢复阅读位置、日/夜间模式参数
从头开始