首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 企业软件 > 行业软件 >

highcharts 兑现曲线报表

2012-11-22 
highcharts 实现曲线报表由于业务上的需求,网上找了不少例子,最终选择了highcharts 来实现曲线报表。下面我

highcharts 实现曲线报表

由于业务上的需求,网上找了不少例子,最终选择了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中去

?

highcharts 兑现曲线报表

?

上图是实现的 月报表,主要是查询系统当前月每天的平均数的记录

sql:

?

?

?


         9 楼 a8999269 2012-07-24   可以把完整例子发给我一份么?
邮箱:734171637@qq.com

热点排行