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

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

2 个答案: