每30分钟更新一次数据的图表

Question

I make weather station which uploads data to my MySQL database every 30-60 minutes. How to make on example temperature plot for a week on my website? I've looked for such option in Highcharts but I don't know does it is possible. Date and time is saved in database as timestamp.

Answer 1

他们有一个专门针对不规则时间间隔的时间数据的示例： http : //www.highcharts.com/demo/spline-irregular-time

Answer 2

Get your data from database for last week, then preprocess in backend to fit Highcharts data format, and as result you should have something like this:

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

Now you can use that data to generate chart:

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

Note : timestamps are in milliseconds.

Now to update chart every 30minutes, just create call some AJAX call to get new data from the server:

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