2015-10-06 164 views
0

不像多個點的多個系列,我發現懶加載延遲加載在highcharts

function afterSetExtremes(e) { 

     var chart = $('#container').highcharts(); 

     chart.showLoading('Loading data from server...'); 
     $.getJSON('http://www.highcharts.com/samples/data/from-sql.php?start=' + Math.round(e.min) + 
       '&end=' + Math.round(e.max) + '&callback=?', function (data) { 
       alert(data); 
       chart.series[0].setData(data); 
       chart.hideLoading(); 
      }); 
    } 

http://jsfiddle.net/gh/get/jquery/1.9.1/highslide-software/highcharts.com/tree/master/samples/stock/demo/lazy-loading/

的一個很好的例子,但它僅適用於一個系列多點,但我有multiseries數據。

鏈接JSON文件:http://www.filedropper.com/data_5

如何上面的代碼可用於multiseries數據?

+0

您是否找到解決方案?如果是的話,你可以把它張貼在這裏嗎? – saitam

回答

0

在延遲加載示例中,我們使用單個serie,但是您可以擴展它以使用更多的serie。只有你需要的是準備數據源(比如JSON,在我們的例子中是http://www.highcharts.com/samples/data/from-sql.php),它返回(在你的場景中)6系列的數組。下一步是聲明串聯陣列中的6個系列(圖表配置,第86行)。最後一步是編輯afterSetExtremes事件並添加更新所有系列,而不是單個(演示中的第13行)。

編號: - http://jsfiddle.net/gh/get/jquery/1.9.1/highslide-software/highcharts.com/tree/master/samples/stock/demo/lazy-loading/

讓我知道,如果你還有其他問題。

+0

我有一個類似的問題,但在一個單獨的圖表中有一系列卷。我做了所有的步驟,但它對我沒有用。首先我將JSON數據集分成了ohlc和volume,然後聲明瞭幾個系列,然後我更新'afterSetExtremes',就像這樣'chart.series [0] .setData(ohlc);'''chart.series [1] .setData卷);'等等......這是正確的方法嗎? – saitam