echarts图表动态数据超过规定的最大最小值折线和圆点改变

时间:2024-04-01 12:40:19

需求,图表规定最大值,最小值(后台数据),超出范围的值为不正常值需要改变颜色。

echarts图表动态数据超过规定的最大最小值折线和圆点改变

echarts的样式和option里面的样式就不贴了,官网里面案例有代码;

series:[

 itemStyle:{

                     normal:{
                         color:function(params){
                             if(params.value > ${min} && params.value < ${max}){
                                 return '#096';
                             }
                              return 'red';

                         }

                            }

}]

判断圆点超出范围显示的颜色

 visualMap: {
        top: 10,
            right: 10,
            //show:false,
          show:true, 
            precision:1,
            pieces: [{
gt:   ${min},           
                lte:  ${max}, 
                color: '#096'
            }
            ], 
            outOfRange: {
                color: 'red'
            }

        },    

这是判断折线超出范围的颜色。