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代码。



评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值