各位大神好,如题所示,我现在需要做一个空气质量的展示,比如图中的框1是:0-50优,颜色绿色,图2:50-100良:颜色浅黄色等。现在只是能展示数据,颜色是随机的。如下图,请教各位大大能给小白点建议或示例,万分感谢。
// 设置数据
series : [ {
name : 'AQI',
type : 'line',
data : aqi,
itemStyle : {
normal: {
//color颜色随机
color: function (value){ return "#"+("00000"+((Math.random()*16777215+0.5)>>0).toString(16)).slice(-6); },
lineStyle: { // 系列级个性化折线样式,横向渐变描边
width: 2,
color: (function (){
var zrColor = require('zrender/tool/color');
return zrColor.getLinearGradient(
0, 0, 1000, 0,
[[0, 'rgba(136,192,252,0.8)'],[0.8, 'rgba(0,251,131,0.8)']]
)
})(),
shadowColor : 'rgba(0,0,0,0.5)',
shadowBlur: 10,
shadowOffsetX: 8,
shadowOffsetY: 8
}
}
},