echarts图中颜色的随机展示方法

       echarts中不管是柱状图、折线图还是饼图等要实现不同的数据显示不同的颜色有两种方法,其实这两种方法还是我在echarts的实例代码中找到的,现在贴出来以防以后备用。

第一种:给定几种颜色让数据根据颜色组里不同的颜色显示不同的颜色。

"color":function(params){
    var colorarrays = ["#2F9323","#D9B63A","#2E2AA4","#9F2E61","#4D670C","#BF675F","#1F814A","#357F88","#673509","#310937","#1B9637","#F7393C"];
    return colorarrays[params.dataIndex];
}

第二种:随机生成颜色代码

var color=createColorCode('#'+Math.floor(Math.random()*16777215).toString(16),colorArr);
//生成不同的颜色代码
function createColorCode(code,colorArr){
	if($.inArray(code, colorArr)==-1 && code.length>6){
		colorArr[0]=code;
	}else{
		code='#'+Math.floor(Math.random()*16777215).toString(16);
		createColorCode(code,colorArr);
	}
	return colorArr;
}
"color":color[0].split(',')


  • 3
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值