您的位置:首页 > 其它

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

2018-03-09 17:26 1361 查看
       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(',')
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  echarts