ハイチャート株価チャートセレクター

Question

私はhighcharts株価チャートsimilar to thisで作業しています。私のチャートには何百ものデータポイントがあります。タイムスライダをプログラマに設定する方法はありますか？

私のX軸には100データポイント（datetime、秒単位でグループ化されています）があるとします。私は20ポイントを表示するセレクタを持つチャートのデフォルトのビューをしたいと思います。これは、私が働いているサンプルである40〜60

ポイント：このexampleで

$(function() { 
    $('#container').highcharts('StockChart', { 

     rangeSelector: { 
      buttonTheme: { // styles for the buttons 
       fill: 'none', 
       stroke: 'none', 
       'stroke-width': 0, 
       r: 8, 
       style: { 
        color: '#039', 
        fontWeight: 'bold' 
       }, 
       states: { 
        hover: { 
        }, 
        select: { 
         fill: '#039', 
         style: { 
          color: 'white' 
         } 
        } 
        // disabled: { ... } 
       } 
      }, 
      inputBoxBorderColor: 'gray', 
      inputBoxWidth: 120, 
      inputBoxHeight: 18, 
      inputStyle: { 
       color: '#039', 
       fontWeight: 'bold' 
      }, 
      labelStyle: { 
       color: 'silver', 
       fontWeight: 'bold' 
      }, 
      selected: 1 
     }, 

     series: [{ 
      name: 'USD to EUR', 
      data: usdeur 
     }] 
    }); 
}); 

Answer 1

、StockChartは300ポイントでプロットされています。次にポイント[40]と[60]のタイムスタンプが取得され、setExtremes()が呼び出され、ボトムナビゲータの最小タイムスタンプと最大タイムスタンプが設定されます。