Single line series

author(s): Torstein Hønsi

by Black Label

HTML

<script src="https://code.highcharts.com/stock/highstock.js"></script>
<script src="https://code.highcharts.com/stock/modules/data.js"></script>
<script src="https://code.highcharts.com/stock/modules/exporting.js"></script>
<script src="https://code.highcharts.com/stock/modules/export-data.js"></script>
<script src="https://code.highcharts.com/stock/modules/accessibility.js"></script>

<div id="container"></div>

JavaScript

Highcharts.RangeSelector.prototype.hideInput = Highcharts.noop;
Highcharts.getJSON('https://demo-live-data.highcharts.com/aapl-c.json', function(data) {
  Highcharts.stockChart('container', {
  	chart: {
    	events: {
      	render() {
        	const rg = this.rangeSelector;
          
        	rg.showInput('min');
          rg.showInput('max');
          rg.inputGroup.css({ opacity: 0 });
          rg.minInput.style.left = `${rg.minInput.style.left.match(/\d+/)[0] - 10}px`;
        }
      }
    },
    rangeSelector: {
    	inputPosition: {
      	x: -10
      }
    },
    series: [{
      data: data
    }]
  });
});