Highcharts動態設置曲線點

最近在做公安項目,使用的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
							});
						}
					}


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章