每30分鍾更新一次數據的圖表

Question

我制作了氣象站，每30-60分鍾將數據上傳到我的MySQL數據庫中。 如何在我的網站上制作一周的示例溫度圖？ 我已經在Highcharts中尋找了這樣的選擇，但我不知道這是可能的。 日期和時間作為時間戳保存在數據庫中。

Answer 1

他們有一個專門針對不規則時間間隔的時間數據的示例： http : //www.highcharts.com/demo/spline-irregular-time

Answer 2

從上周的數據庫中獲取數據，然后在后端進行預處理以適合Highcharts數據格式，因此您應該具有以下內容：

var myData = [
                [1388534400000, 12],
                [next_timestamp, next_value],
                [another_timestamp, another_value],
                ...
             ]

現在您可以使用該數據生成圖表：

$("#container").highcharts({
    series: [{
        data: myData
    }]
})

注意 ：時間戳以毫秒為單位。

現在要每30分鍾更新一次圖表，只需創建調用一些AJAX調用即可從服務器獲取新數據：

setInterval(function() {
    $.getJSON('path/to/data', function(myData) {
        $("#container").highcharts().series[0].setData(myData);
    });
}, 30 * 60 * 1000); // 30minutes