Home > Backend Development > PHP Tutorial > highcharts图表x轴时间刻度如何对应数据库记录的时间

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

WBOY
Release: 2016-06-06 20:33:04
Original
1551 people have browsed it

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分钟为单位的试试呢,就像是把时钟的刻度展开成一条线,准点用准确数字来标记。不知道可不可行,只是一种猜测哈!

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

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template