Question

我创建了一个图表，我想实时更新，这就是我使用ajax的原因。我的问题是，如何显示ajax响应？下面是我的图表的示例脚本。请帮我。非常感谢你。

Chart.php -

$(document).ready(function () {
    Highcharts.chart('container', {
        chart: {
            type: 'bar'
        },
        title: {
            text: "TITLE"
        },
        series: [{
            name: 'Present',
            data: [*//must display the ajax response here//*]
        }]
    });
});

ajax.php

<script>
function fanc_no(){
    $.ajax({
        url: "test.php",
        success: function(result){
            $("#container").html(result);
        }
    });
}  
window.setInterval(function(){
  func_no();
}, 1000);
</script>

Answer 1

查看load功能：

chart: {
    events: {
        load: function () {

            // set up the updating of the chart each second
            var series = this.series[0];
            setInterval(function () {
                var x = (new Date()).getTime(), // current time
                    y = Math.round(Math.random() * 100);
                series.addPoint([x, y], true, true);
            }, 1000);
        }
    }
}

现在，在setInterval函数中，你必须调用你的ajax并传递结果，如图所示。

请查看the official docs。

如何显示ajax响应

1 个答案: