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