Highcharts，负载然后刷新

Question

我有一个highcharts排行榜运行具有AJAX，

它获得的数据并刷新每15秒，这是完全没有

除外，我需要该图表以远离然后striaght加载每15秒刷新一次，

目前它在页面加载显示前等待15秒。下面

function getLiveData() { 
    $.ajaxSetup({ 
     headers: { 
      'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') 
     } 
    }); 
    $.ajax({ 
     url: '/get-converted-data', 
     success: function(point) { 
      var x = (new Date()).getTime(); 
      console.log(point); 
      var series = liveChart.series[0]; 
      var series1 = liveChart.series[1]; 
      var series2 = liveChart.series[2]; 
      var series3 = liveChart.series[3]; 
       shift = series.data.length > 20; 
       shift1 = series1.data.length > 20; 
       shift2 = series2.data.length > 20; 
       shift3 = series3.data.length > 20; 

      // add the points 
      liveChart.series[0].addPoint([x, point[0]], true, shift); 
      liveChart.series[1].addPoint([x, point[1]], true, shift1); 
      liveChart.series[2].addPoint([x, point[2]], true, shift2); 
      liveChart.series[3].addPoint([x, point[3]], true, shift3); 

      // call it again after 15 seconds, 
      //this is loading the actual chart every 15 seconds, 
      //i need the chart to load instantly then refresh every 15 seconds, any ideas? 
      setTimeout(getLiveData, 15000);  
     }, 
     cache: false 
    }); 
} 

Answer 1

代码中调用函数时，页面加载。你的代码后插入这样的：

$(function() { 
    getLiveData(); 
});