当前位置:Gxlcms > PHP教程 > highcharts图表x轴时间刻度如何对应数据库记录的时间

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

时间:2021-07-01 10:21:17 帮助过:42人阅读

以上是一个实时统计室外温度的图表,数据取自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分钟为单位的试试呢,就像是把时钟的刻度展开成一条线,准点用准确数字来标记。不知道可不可行,只是一种猜测哈!

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

人气教程排行