ハイストックのRangeSelectorsのカスタマイズ

Question

&ハイセレクタチャートライブラリの日付セレクタを、提案されたデザインに示すようにカスタマイズしたいと思います。 レンジセレクタを左下に移動したい&日付セレクタは右下にあり、デザインで提案されているようにルックアンドフィールをカスタマイズできますか？

Answer 1

あなたはデモのために答えを

Highcharts.stockChart('container', { 
    chart: { 
marginBottom: 70 /*marign between chart area and bottom*/ 
    }, 

    title: { 
     text: 'AAPL stock price by minute' 
    }, 

    rangeSelector: { 
     buttons: [{ 
      type: 'hour', 
      count: 1, 
      text: '1h' 
     }, { 
      type: 'day', 
      count: 1, 
      text: '1D' 
     }, { 
      type: 'all', 
      count: 1, 
      text: 'All' 
     }], 
     selected: 1, 
     padding: 50, 
    buttonPosition: { 
      y: 360, /*Position of button from top*/ 
     }, 

    }, 
     navigator: { 
     top:300, /*Postion of navigator from top*/ 
     }, 
    series: [{ 
     name: 'AAPL', 
     type: 'candlestick', 
     data: data, 
     tooltip: { 
      valueDecimals: 2 
     } 
    }] 
});