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

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

WBOY
Freigeben: 2016-06-06 20:33:04
Original
1549 Leute haben es durchsucht

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

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

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage