需求,图表规定最大值,最小值(后台数据),超出范围的值为不正常值需要改变颜色。
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'
}
},
这是判断折线超出范围的颜色。