Echarts3之字符云按照给定形状显示

上篇说到Echarts引入字符云，但是只是单独的显示随机的排列图形。

下面又找了一个可以自定义字符云整体显示的操作。

首先你需要一张想要显示的矢量图。

然后代码方面：

function world_cloud(cloud,maskImage) {var option = {tooltip : {},series : [ {type : 'wordCloud',sizeRange: [10, 80],rotationRange: [-90, 90],rotationStep: 45,gridSize: 2,shape: 'pentagon',maskImage: maskImage,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;
}

页面方面：

var maskImage = new Image();//var world_option = world_cloud(eval('(' +  '${cloud}' + ')'),maskImage);var world_option = world_cloud(data,maskImage);maskImage.onload = function () {world_option.series[0].maskImageworldChart.setOption(world_option);}maskImage.src = 'img/ren1.png';

Echarts3之字符云按照给定形状显示相关推荐

Echarts3之字符云WorldCloud
字符云功能现在已经不在Echarts的官方示例中了.通过官网里面也找不到对应的API和具体介绍. 如果需要进行开发的话需要单独引用专门的js文件. 下面是下载的百度云链接:worldcloud.js ...
在echarts3中使用字符云
echarts2的官方API里是带有字符云的,但到了echarts3就被从官网上移除了,想要使用的话可以从github上下载: 下载地址:https://github.com/ecomfe/echar ...
vue字符云-------把老婆放到云端
老规矩,先上老婆图没错,这就是我老婆,由于图片太大,一再压缩,效果也不是特别好,所以暂时用图标代替吧,毕竟还是图标好用,下面说一下如何自定义不同形状的字符云比如这种首先当然要先在项目中添加字符云 ...
Java web：基于jieba分词器（或ansj分词器）的文章关键词字符云（词云图）
上来先丢一个展示图,吸引一下注意力(跑. 上图为对某论文用jieba分词后,计算其逆文档频率(TF-IDF)作为权重,并用echarts的字符云扩展包echarts-wordcloud画出来的字符云图 ...
echarts字符云相关配置说明
4.9版本字符云相关配置项字段字段说明 type 类型wordCloud gridSize 网格大小,各项之间的间距 shape 图表形状,一般分为 circle 圆,cardioid 心, di ...
Python生成中文词云图（二）：不可指定词云特定的形状和颜色。
Python生成中文词云图(二):不可指定词云特定的形状和颜色. 什么是词云? 首先,什么是词云呢?词云又叫文字云,是对文本数据中出现频率较高的"关键词"在视觉上的突出呈现,形成关 ...
echart 热搜词云(字符云)的制作以及遇到颜色不会随即变得bug
1.首先要引入字符云的js文件或者下载插件进入echart 官网 ,点下载,扩展插件,找到字符云点进去第一种在vscode npm i echarts-wordcloud引入 import &q ...
Java黑皮书课后题第4章：*4.9（给出字符的Unicode码）编写程序，得到一个字符的输入，然后显示其Unicode值
*4.9(给出字符的Unicode码)编写程序,得到一个字符的输入,然后显示其Unicode值题目题目概述运行示例破题代码题目题目概述 *4.9(给出字符的Unicode码)编写程序,得 ...
xrkmonitor监控mysql_xrkmonitor字符云监控系统
下面我们对xrkmonitor字符云监控系统文件阐述相关使用资料和xrkmonitor字符云监控系统文件的更新信息. xrkmonitor字符云监控系统 xrkmonitor字符云监控系统是一个国产开 ...

Echarts3之字符云按照给定形状显示

Echarts3之字符云按照给定形状显示相关推荐

最新文章

热门文章