php - Highcharts动态图表(按一定时间间隔更新)PHP+MySql示例

Question

我正在尝试使用 this演示使其与 PHP 和 MySql 一起使用，以便在一定时间间隔后我可以从数据库获取更新的值。

当我使用时

// using random value using javascript
setInterval(function() {
        var x = (new Date()).getTime(), // current time
        var y = Math.random();
        series.addPoint([x, y], true, true);
        }, 5000);

我明白了

但是当我尝试添加 Ajax 函数时

var t;
setInterval(function() {
    var x = (new Date()).getTime(), // current time
    $.ajax({
        type:'post',
        url:'blahblah.php',
        success:function(data)
        {
             t = data;   // data will be a random numeric value
        }
    });        
    series.addPoint([x, t], true, true);
    }, 5000);

图表变成

blahblah.php

echo rand(10, 99);

我无法确定为什么该行在每次 ajax 调用时都会消失。此外，点的绘制也不正确。返回的值始终大于 10，但正如您在第二个图表中看到的，绘图范围为 -2 到 8

我似乎没有找到合适的mysql示例来处理这种图表(一定时间间隔后自动更新)

是否有其他替代方法可以从服务器获取数据并在 setInterval 函数中使用该值？

Answer 1

将 series.addPoint([x, t], true, true); 放入 success 函数中 - 否则“t”将是未定义的，这会扰乱图表。