highcharts图表x轴时间刻度如何对应数据库记录的时间
以上是一个实时统计室外温度的图表,数据取自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分钟为单位的试试呢,就像是把时钟的刻度展开成一条线,准点用准确数字来标记。不知道可不可行,只是一种猜测哈!
大家来看看吧~~能不能解决啊