Echarts3之字符云WorldCloud

字符云功能现在已经不在Echarts的官方示例中了。通过官网里面也找不到对应的API和具体介绍。

如果需要进行开发的话需要单独引用专门的js文件。

下面是下载的百度云链接：worldcloud.js

https://pan.baidu.com/s/1o8JJzcA

正常的Echarts的js文件也是需要引入的。

然后是代码部分：

function world_cloud(cloud) {var option = {tooltip : {},series : [ {type : 'wordCloud',shape:'smooth',gridSize : 2,sizeRange : [ 50, 100 ],rotationRange : [ 46, 80 ],textStyle : {normal : {color : function() {return 'rgb('+ [ Math.round(Math.random() * 160),Math.round(Math.random() * 160),Math.round(Math.random() * 160) ].join(',') + ')';}},emphasis : {shadowBlur : 10,shadowColor : '#333'}},data : cloud} ]};return option;
}

传入的cloud参数为字符云的数据，类型为json数组。

然后下面就是正常的Echarts代码。

Echarts3之字符云WorldCloud相关推荐

Echarts3之字符云按照给定形状显示
上篇说到Echarts引入字符云,但是只是单独的显示随机的排列图形. 下面又找了一个可以自定义字符云整体显示的操作. 首先你需要一张想要显示的矢量图. 然后代码方面: function world_c ...
在echarts3中使用字符云
echarts2的官方API里是带有字符云的,但到了echarts3就被从官网上移除了,想要使用的话可以从github上下载: 下载地址:https://github.com/ecomfe/echar ...
xrkmonitor监控mysql_xrkmonitor字符云监控系统
下面我们对xrkmonitor字符云监控系统文件阐述相关使用资料和xrkmonitor字符云监控系统文件的更新信息. xrkmonitor字符云监控系统 xrkmonitor字符云监控系统是一个国产开 ...
云控系统php源码,xrkmontor字符云监控系统php源码 v2.5
xrkmontor xrkmontor字符云监控系统特色: 1.IP地址库: 支持通过IP地址上报时将IP地址转为物理地址,相同物理地址归并展示一个监控API 即可轻松生成监控数据的物理地址分布图,插 ...
echart 热搜词云(字符云)的制作以及遇到颜色不会随即变得bug
1.首先要引入字符云的js文件或者下载插件进入echart 官网 ,点下载,扩展插件,找到字符云点进去第一种在vscode npm i echarts-wordcloud引入 import &q ...
vue字符云-------把老婆放到云端
老规矩,先上老婆图没错,这就是我老婆,由于图片太大,一再压缩,效果也不是特别好,所以暂时用图标代替吧,毕竟还是图标好用,下面说一下如何自定义不同形状的字符云比如这种首先当然要先在项目中添加字符云 ...
Java web：基于jieba分词器（或ansj分词器）的文章关键词字符云（词云图）
上来先丢一个展示图,吸引一下注意力(跑. 上图为对某论文用jieba分词后,计算其逆文档频率(TF-IDF)作为权重,并用echarts的字符云扩展包echarts-wordcloud画出来的字符云图 ...
echarts国内各省份地图js/json文件，全球地图js文件/汉化，字符云js文件
echarts国内各省份地图js/json文件,全球地图js文件/汉化,字符云js文件下载链接世界地图中国地图国内各省份地图字符云下载链接 https://github.com/FuHan ...
echarts字符云（词云图）
效果图示下载字符云js链接字符云API详解 <html><head><meta charset="utf-8">// echar ...

Echarts3之字符云WorldCloud

Echarts3之字符云WorldCloud相关推荐

最新文章

热门文章