highcharts图表x轴时间刻度如何对应数据库记录的时间

原创
2016-06-06 20:33:04 1137浏览

以上是一个实时统计室外温度的图表,数据取自mysql,数据库每5分钟添加一条新纪录,现在想通过highcharts图表显示出来,我遇到的问题是:

1)现在需要固定横轴,横轴是24小时
2)因为数据库的格式是2015-06-17 03:00:00这样的格式,那如何把时间显示在对应的横轴的时间区域里面呢?
也就是说,数据库有个记录,datetime是2015-06-17 09:01:23,data是20.4,需要把这个数据显示在横坐标的09:00-10:00这个刻度之间

请问如何实现呢?感谢!

回复内容:

以上是一个实时统计室外温度的图表,数据取自mysql,数据库每5分钟添加一条新纪录,现在想通过highcharts图表显示出来,我遇到的问题是:

1)现在需要固定横轴,横轴是24小时
2)因为数据库的格式是2015-06-17 03:00:00这样的格式,那如何把时间显示在对应的横轴的时间区域里面呢?
也就是说,数据库有个记录,datetime是2015-06-17 09:01:23,data是20.4,需要把这个数据显示在横坐标的09:00-10:00这个刻度之间

请问如何实现呢?感谢!

如果横轴是时间轴的话,建议使用highstock代替highcharts。highstock是更专业的时间轴。

x轴用秒为单位 0 - 86400

datetime取时间部分转化为秒

你的数据库是每五分钟增加一条记录,那你就把你的横轴做成5分钟为单位的试试呢,就像是把时钟的刻度展开成一条线,准点用准确数字来标记。不知道可不可行,只是一种猜测哈!

大家来看看吧~~能不能解决啊

声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。