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(',')
第一种:给定几种颜色让数据根据颜色组里不同的颜色显示不同的颜色。"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(',')
相关文章推荐
- JS实现随机颜色的3种方法与颜色格式的转化
- js随机生成网页背景颜色的方法
- JavaScript随机生成颜色的方法
- iOS -UIColor随机生成颜色的方法
- js几种生成随机颜色方法
- php简单生成随机颜色的方法
- js实现点击按钮后给Div图层设置随机背景颜色的方法
- js实现点击按钮后给Div图层设置随机背景颜色的方法
- 微信小程序 后台返回的状态是数值,前端展示文字和不同颜色的简便方法
- iOS -UIColor随机生成颜色的方法
- echarts设置图例颜色和地图底色的方法实例
- echarts之词云随机颜色的配置
- 随机获取一种颜色值的三种方法
- Android编程实现随机生成颜色的方法示例
- 【Unity实用小方法】生成随机颜色
- 使用javascript生成随机颜色方法
- javascript获取随机rgb颜色和十六进制颜色的方法
- C#取得随机颜色的方法
- echarts+ajax+json动态生成多个不同随机颜色的柱状图
- C# 随机颜色的方法