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(',')


Logo

一站式虚拟内容创作平台,激发创意,赋能创作,进入R空间,遇见同道,让优质作品闪耀发光。​

更多推荐