Anpassung der RangeSelectors in highstock

Question

Ich möchte den Bereich & Datumselektor in highstock Diagrammbibliothek wie im vorgeschlagenen Design gezeigt anpassen. Ich möchte Range Selector nach unten links bewegen & Date Selector nach unten rechts und können wir sein Aussehen und fühlen, wie im Design vorgeschlagen?

Answer 1

Sie können die Position des Range Selektoren anpassen auf der Grundlage der verschiedenen Kombinationen von Marge und Position

Fiddle Link für Demo

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