Javascript 使用Ajax调用自动更新Highcharts

Javascript 使用Ajax调用自动更新Highcharts,javascript,jquery,ajax,highcharts,Javascript,Jquery,Ajax,Highcharts,我必须每5秒更新一次折线图。所以我使用的是Highchart,数据应该来自服务器。现在,作为Jquery和Ajax的新手,我在如何从服务器获取值以更新图表方面遇到了困难。我经历了一个与我的问题相同的问题 我正在为这个问题添加一个链接 请有人给我解释一下这部分- events: { load: function() { // set up the updating of the chart each second var series = this.series[0

我必须每5秒更新一次折线图。所以我使用的是Highchart,数据应该来自服务器。现在,作为Jquery和Ajax的新手,我在如何从服务器获取值以更新图表方面遇到了困难。我经历了一个与我的问题相同的问题

我正在为这个问题添加一个链接

请有人给我解释一下这部分-

events: {
      load: function() {

    // set up the updating of the chart each second
    var series = this.series[0];
    setInterval(function(){
    var chart = new Highcharts.Chart(options);
    $.getJSON('http://url-to-json-file/index.php', function(jsondata) {
        options.series[0].data = JSON.parse(jsondata.cpu);
    });
    }, 5000);
   }              
}
我知道它是用来在5秒钟后更新图表的,我不明白怎么打电话


请有人帮帮我

您使用的是哪种前端技术?@SagarR“前端技术”-这是什么意思?我正在使用HTML,Javascript,如果你想使用的话…与其使用其他人的解决方案,不如在highchart的官方网站上尝试直接演示…这里是你要寻找的链接,我尝试了这个,但我真正在挣扎的是如何通过使用ajax获得服务器价值…我想知道我该怎么做你在使用php吗?如果是的话,那么你提到的链接就是一个完美的例子。