echarts字符云（词云图）

效果图示
下载字符云js链接
字符云API详解

<html><head><meta charset="utf-8">//    echarts CDN<script src='https://cdn.bootcss.com/echarts/3.7.0/echarts.simple.js'></script>//    下载wordcloud.js文件//    https://github.com/ecomfe/echarts-wordcloud<script src='./echarts/Wordcloud/echarts-wordcloud.js'></script></head><body><style>html, body{width: 100%;height: 100%;margin: 0;}#main{width: 600px;height: 500px;background: rgba(70, 120, 200, 0.2)}</style><div id='main'></div><script>var chart = echarts.init(document.getElementById('main'));var option = {tooltip: {},series: [ {type: 'wordCloud',gridSize: 2,sizeRange: [12, 50],rotationRange: [-90, 90],shape: 'pentagon',width: 600,height: 400, drawOutOfBound: true,textStyle: {normal: {color: function () {return 'rgb(' + [Math.round(Math.random() * 255),Math.round(Math.random() * 255),Math.round(Math.random() * 255)].join(',') + ')';},},emphasis: {shadowBlur: 10,shadowColor: '#333'}},//数据自己加data: [{name: 'Sam S Club',value: 10000,// textStyle: {//     normal: {//         color: 'black'//     },//     emphasis: {//         color: 'red'//     }// }},{name: 'Macys',value: 6181},{name: 'Amy Schumer',value: 4386},]} ]};chart.setOption(option);window.onresize = chart.resize;</script></body>
</html>

echarts字符云（词云图）相关推荐

自定义文字云/词云图----基于echarts
demo连接 :自定义文字云/词云图效果如下: 人形态小鸟形态参考 https://github.com/ecomfe/echarts-wordcloud, https://blog.csdn. ...
ECharts：echarts-wordcloud词云图
echarts-wordcloud词云库是基于wordcloud2.js的Apache ECharts版本实现. 词云库的引入 echarts-wordcloud词云库需要配合ECharts一起使用, ...
echarts字符云相关配置说明
4.9版本字符云相关配置项字段字段说明 type 类型wordCloud gridSize 网格大小,各项之间的间距 shape 图表形状,一般分为 circle 圆,cardioid 心, di ...
Echarts：简单词云图实现
Echarts是一个开源的可视化图表库,支持丰富的图表,官网中还有大量示例可以选择使用.参考. 其中比较好玩.有趣的是词云,词云就是用关键词组成的一朵云,更广泛的定义是,由关键词组成的任意一种图案均称 ...
Py之wordcloud：python中非常有趣的词云图wordcloud简介、安装、使用方法、案例应用详细攻略
Py之wordcloud:python中非常有趣的词云图wordcloud简介.安装.使用方法.案例应用详细攻略目录 wordcloud简介 wordcloud安装 wordcloud使用方法案例 ...
R语言文本挖掘展示：画词云图
一.wordcloud2包首先安装和加载wordcloud2包 > install.packages("wordcloud2") > library(wordclou ...
Python pyecharts绘制词云图
一.pyecharts绘制词云图WordCloud.add()方法简介 WordCloud.add()方法简介 add(name,attr,value, shape="circle" ...
3-10秒极速制作炫酷词云图-MagicCloud词云图一键制作软件简化版
Magic Cloud魔云词云图制作软件简化版使用教程一.安装软件 1.从Tao宝店铺:词云社,找到上架宝贝Magic Cloud魔云词云图制作软件简化版的百度网盘链接中下载并解压MagicCl ...
Java web：基于jieba分词器（或ansj分词器）的文章关键词字符云（词云图）
上来先丢一个展示图,吸引一下注意力(跑. 上图为对某论文用jieba分词后,计算其逆文档频率(TF-IDF)作为权重,并用echarts的字符云扩展包echarts-wordcloud画出来的字符云图 ...

echarts字符云（词云图）

echarts字符云（词云图）相关推荐

最新文章

热门文章