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

【问题标题】：Graph for data updated every 30 minutes每 30 分钟更新一次的数据图表
【发布时间】：2014-10-26 13:06:58
【问题描述】：

我制作气象站，每 30-60 分钟将数据上传到我的 MySQL 数据库。如何在我的网站上制作一周的示例温度图？我在 Highcharts 中寻找过这样的选项，但我不知道这是否可能。日期和时间作为时间戳保存在数据库中。

【问题讨论】：

标签： mysql charts highcharts

【解决方案1】：

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

【讨论】：

是的，但此示例仅适用于日期间隔。而且我每天的阅读量很少。在我的情节上，每天应该有几个点。这是主要问题。
这种方法适用于日期和时间。当我们使用这种技术时，我们正是这样做的。如果我没记错的话，棘手的部分是让 x 轴标签沿底部显示我们想要的方式。我没有那个代码了（它是为以前的雇主做的），否则我会分享我们使用的图表选项，以及数据的假样本。

【解决方案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

【讨论】：