Basic line

by Black Label

HTML

<script src="https://code.highcharts.com/highcharts.js"></script>

<div id="container" style="height:300px"></div>

JavaScript

Highcharts.chart('container', {
  chart: {
    events: {
      render: function() {
        let ren = this.renderer,
          dataMax = this.series[0].dataMax,
          xPosition = this.xAxis[0].toPixels(11),
          yPosition = this.yAxis[0].toPixels(dataMax);

        if (this.customText) {
          this.customText.destroy()
          this.customText = undefined
        }
        this.customText = this.renderer.g('customText').add()

        ren.text('DANGER', xPosition, yPosition).add(this.customText);
      },
    },
  },

  series: [{
    data: [2, 5, 1, 6, 7, 8, 5, 5, 35, 34, 34, 63, 46, 34, 4, 53, 34]
  }],
});