ハイチャート。データの非同期読み込み部分

Question

私は非常に単純なgraphを持っており、データの大きな部分を示しています。ナビゲーターパネルでグラフにしたいので、ユーザーは見たい部分を選択できます。

グラフを開くと、使用可能なデータのみが表示され、ナビゲータバーには同じ部分が選択されます。最初に利用可能なデータは最初です。だから、期待される結果は次のとおりです。

は私の最初のattemptはxAxisプロパティを使用することでした：ナビゲーションバー間違った部分に

xAxis: { 
    ... 
    min: 0, 
    max: 1000, // all data 
    range: 100 // current part 
} 

しかし、このケースでは、選択されている：

また、triedでナビゲータのシリーズを設定する青梅ダミーデータ：この場合

navigator: { 
    enabled: true, 
    series: { 
    data: /* array of length 1000 */ 
    } 
}, 

xAxis: { 
    ... 
    min: 0, 
    max: 100 
}, 

右片は、ナビゲーションバーで選択されていますが、私のダミーデータも示している。

任意のアイデア？

Answer 1

ロードイベントで、ナビゲータの位置を設定するためにデータをさらに取得した後に、Axis.setExtremes()を使用します。

chart: { 
     events: { 
     load: function() { 
      this.xAxis[0].setExtremes(0, 100); 
     } 
     } 
    }, 

例：http://jsfiddle.net/bjuyj2kk/1/