Echart 根据获取的值的范围来显示不同的颜色

//Echart option 如下
option = {
    
    
    xAxis: {
    
    
        type: 'category',
        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
    },
    yAxis: {
    
    
        type: 'value'
    },
    series: [{
    
    
        data: [1, 2, 3, 4, 5, 6, 7],
        type: 'bar', // pie  饼图
        itemStyle:{
    
    
            normal:{
    
    
                color: function (params){
    
    
                    var color;
                    switch( params.data % 7 ){
    
    
                        case 0:
                            color = "#f00";
                            break;
                        case 1:
                        case 2:
                        case 3:
                        case 4:
                        case 5:
                            color = "#0f0";
                            break;
                        case 6:
                            color = "#00f";
                            break;
                    }
                        return color;
                    }
                }
        } 

    }]
};

运行效果如图:
运行效果

猜你喜欢

转载自blog.csdn.net/u013270347/article/details/88804112
今日推荐