Highcharts动态设置曲线点

来源：互联网发布：mac myeclipse10 破解编辑：程序博客网时间：2024/06/07 05:05

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

0 0