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
							});
						}
					}


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值