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