Single line series

author(s): Torstein Hønsi

by koh_edwin

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>

<div id="container" style="height: 400px; min-width: 310px"></div>

JavaScript

Highcharts.getJSON('https://www.highcharts.com/samples/data/aapl-c.json', function(data) {
  // Create the chart
  Highcharts.chart('container', {
    chart: {
      events: {
        render: function() {
          let distX = this.xAxis[0].toPixels(Date.parse("2/18/2020"));

          if (this.customText) {
            this.customText.destroy();
            this.customText = undefined;
          }

          this.customText = this.renderer.g('customText').add();
          this.renderer.text('text', this.plotX, this.plotY).add(this.customText);
        }
      }
    },
    series: [{
      name: 'AAPL',
      data: data,
    }]
  }, );
});