Echarts-图表根据值的不同展示成不同的颜色-前端-E先生的博客

Echarts-图表根据值的不同展示成不同的颜色

Easy • 2022-11-21 10:04:43 • 前端 • 阅读676

[导读]：series:[{name:'直接访问',type:'bar',...

series : [
        {
            name:'直接访问',
            type:'bar',
            barWidth: '60%',
            data:[10, 52, 200, 334, 390, 330, 220],
            itemStyle:{
                normal:{
                    color:function(params){
                        if(params.value >0 && params.value <100){
                            return "#FE8463";
                        }else if(params.value >=100 && params.value<=300 ){
                            return "#27727B";
                        }
                        return "#9BCA63";
                    }
                }
            }
        }
    ]