最近在做公安項目,使用的Highcharts製作一個曲線預警,需求是,要兩條曲線,一條爲上月24小時平均警情數,另外一條爲當日實時警情數,噹噹日警情數的某個時間段(9點)超過上月百分之20時,就紅色預警。
在這裏,只講設置顏色,圖報和後臺不講
圖表都是數組類型的數據,用Ajax拿 到後臺數據庫,就可以聲明數組,然後循環把數據放在數組中,
if (json.lastList.length > 0) {
for ( var i = 0; i < json.lastList.length; i++) {
x.push(parseFloat(json.lastList[i])); //數量
y.push(json.lastList[i]); //年度
year = "<span style='color:#FF9224;'>上月時段統計</span>";
if(json.TodayList.length > i){
//x2.push(parseFloat(json.TodayList[i])); //數量
if(((json.TodayList[i]-x[i])/((x[i]==0)?(1):(x[i])))>0.2){
a={y:+(json.TodayList[i]),fillColor:'red'}; //主要就是這裏,改變點的顏色
x2.push(a);
}else{
x2.push(parseFloat(json.TodayList[i]));
}
y2.push(json.TodayList[i]); //年度
year2 = "<span style='color:green;'>今日時段統計</span>";
}
}
if (x2.length > 0) {
chart.addSeries( {
name : year2,
data : x2
});
}
if (x.length > 0) {
chart.addSeries( {
name : year,
data : x
});
}
}