highcharts 实现曲线报表
由于业务上的需求,网上找了不少例子,最终选择了highcharts 来实现曲线报表。下面我把个人心得与大家分享下:
?
?
如上图所示
X轴为整点时间轴
Y轴为数据坐标轴
该功能主要是检测当天 某时间检测到的数据。
代码如下所示:
?
?
?
?
?
?
?针对于此种情况的后台返回的参数如:[new DATE().gettime(),12] --->[时间,数据]
后台传值为:[[new DATE().gettime(),12] ,[new DATE().gettime(),10] ,[new DATE().gettime(),9] ]
?
根据查询返回的list?
??????? JSONArray array =? new JSONArray();
??? ??? array.addAll(list);
??? ??? response.getWriter().println(array.toString());返回 结果集到前台js中去
?
?
上图是实现的 月报表,主要是查询系统当前月每天的平均数的记录
sql:
?
?
?
![]()
![]()
![]()
![]()
![]()
![]()
![]()
9 楼 a8999269 2012-07-24 可以把完整例子发给我一份么?
邮箱:734171637@qq.com