JqTimeLine
一个折线图的小方法,使用的是jqxChart插件。你可以参照此demo处理有关时间的折线图
原理说明:
1.jqxChart插件中折线图的横坐标与传入的数据没关系,所以可以假定横坐标为0-24共25个点,24个段,每隔4段显示一个坐标,这样就有6段了;
2.传入自己的时间段,json数据(构造方式见jqtimeline.js),将时间坐标转换为小数,例如:05:40可以转为 5+40/60 的小数, 利用jqxChart插件,绘制折线图。这步也应该不难。
3.成功之后,显示每个点的原始的标注信息,这样,你需要一种方式还原这些坐标时间点。
本Demo可以帮你解决这些问题。你可以动态传入横坐标时间点数组和数据,保持刷新状态可以,定时调用该方法。

1.绘制最近24小时的坐标数据,每4小时一次的标记点


2.绘制最近24小时的坐标数据,每2小时一次的标记点

3.绘制最近24小时的两条坐标数据,对比数据,每4小时一次的标记点(A/B时间点相同)

4.绘制最近24小时的两条坐标数据,对比数据,每4小时一次的标记点(A/B分别纵坐标标示)

•Powered by flyher