就是怎么实现不同数值范围不同颜色

1030102244 发布于 2016/06/03 09:47
阅读 70
收藏 0

@Rudy-Pian-o 你好,想跟你请教个问题:就是怎么实现不同数值范围不同颜色--option如下:

option = { tooltip: {}, xAxis: { //            show:false,  data: ["待导入","平台处理中","待发送海关","预录上传","预录接收","预录解析",'预录审核','提交海关'], splitLine:{show:false}, //去掉网格  axisLabel: { show: true, textStyle: {fontSize: 14}, margin:30 //文字与X轴距离  }
        }, yAxis: { splitLine:{show:false}, //去掉网格  show:false  }, series: [{ name: '销量', type: 'bar', itemStyle: { normal: { //color:'blue',  color:function(params){ //                        for(var i in params){ //                            alert(i+"i="+params[i].length); //                        }  //  alert(params.dataIndex);   var colorList = [ '#f39646', '#3397c9', '#e02222','#eee', '#f39646', '#3397c9', '#e02222','#eee']; return colorList[params.dataIndex]

                    }, //                    color:function(params){var colorList = [ '#f39646', '#3397c9', '#e02222','#eee']; //                        return colorList[params.dataIndex]}, //                    color:function(value){ //                        if(value.length>0&&value.length<=10){ //                            return'red' //                        }else{return'#fff'} //                    },  label: { show: true, textStyle: { color: '#fff'  }
                    }
                }
            }, data: [5, 20, 36, 10, 10, 20,30,20], barWidth: 100  }]
    };


期待您的回复,谢谢

加载中
返回顶部
顶部