Настройка RangeSelectors в highstock

Question

Я хочу настроить диапазон выбора даты & в библиотеке высокоуровневых диаграмм, как показано в предлагаемом проекте. Я хочу переместить селектор диапазона в левом нижнем углу & Селектор даты вправо вправо и можем ли мы настроить его внешний вид, как это предлагается в дизайне?

Answer 1

Вы можете настроить положение Range селекторов на основе различной комбинации маржи и позиции

Fiddle Link для демо

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 
     } 
    }] 
});