highcharts圖表x軸時幅如何對應資料庫記錄的時間

來源:互聯網
上載者:User

以上是一個即時統計室外溫度的圖表,資料取自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分鐘為單位的試試呢,就像是把時鐘的刻度展開成一條線,準點用準確數字來標記。不知道可不可行,只是一種猜測哈!

大家來看看吧~~能不能解決啊

  • 相關文章

    聯繫我們

    該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

    如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

    A Free Trial That Lets You Build Big!

    Start building with 50+ products and up to 12 months usage for Elastic Compute Service

    • Sales Support

      1 on 1 presale consultation

    • After-Sales Support

      24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.