Question

我在JSON文件（datos.json in the code）中编写动态，我需要自动更新数据。问题是当我运行代码时，不要更新数据。为什么？？我看起来很network chrome dev tools，但我没有看到任何错误。

这是代码

$(function () {
$(document).ready(function() {
    Highcharts.setOptions({
        global: {
            useUTC: false
        }
    });

    var chart;
    $('#container').highcharts({
        chart: {
            type: 'spline',
            animation: Highcharts.svg, // don't animate in old IE
            marginRight: 10,
            events: {
                load: function() {

                    // set up the updating of the chart each second
                    var series = this.series[0];

                    $.getJSON('static/data.json', function (data) {
               series.addPoint(data);
                    }, 1000); 
                }
            }
        },
        title: {
            text: 'Live random data'
        },
        series: [{
            name: 'Random data',
            data: [1,1],
        }]
    });
});

});

Answer 1

您在加载事件中错过了setInterval。它应该是：

 setInterval(function(){
       $.getJSON('static/data.json', function (data) {
           series.addPoint(data);
       });
 },1000);

什么回顾你的json我的意思是static / data.json？

动态更新数据Javascript Highchart

1 个答案: