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

Question

以上是一个实时统计室外温度的图表，数据取自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这个刻度之间

请问如何实现呢？感谢！

Answer 1

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

Answer 2

x轴用秒为单位 0 - 86400

datetime取时间部分转化为秒

Answer 3

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

Answer 4

你好，冒昧的打扰你一下，
就您 2015年06月17日提问---“highcharts图表x轴时间刻度如何对应数据库记录的时间”请教，请问您是如何解决时间动态监控折线图绘制问题。不介意的话请联系我微信yijinbean
谢谢您(*￣︶￣)

Answer 5

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