首頁 >後端開發 >php教程 >highcharts图表x轴时间刻度如何对应数据库记录的时间

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

WBOY
WBOY原創
2016-06-06 20:33:041544瀏覽

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这个刻度之间

请问如何实现呢?感谢!

回复内容:

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这个刻度之间

请问如何实现呢?感谢!

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

x轴用秒为单位 0 - 86400

datetime取时间部分转化为秒

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

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

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn