score:1

You can render triangles by using Highcharts.SVGRenderer.

API Reference: https://api.highcharts.com/class-reference/Highcharts.SVGRenderer

But I think the easiest option will be using a scatter series with triangle markers to achive this. Check the following config and demo:

{
  type: 'scatter',
  showInLegend: false,
  enableMouseTracking: false,
  marker: {
    symbol: 'triangle-down',
    fillColor: 'rgb(124, 181, 236)',
    radius: 9
  },
  states: {
    inactive: {
      opacity: 1,
    },
  },
  data: [{
      x: 9,
      y: -1.3
    },
    {
      x: 10,
      y: -8.7
    },
    {
      x: 11,
      y: -9.0
    }
  ]
}

Demo: https://jsfiddle.net/BlackLabel/3rokf4aw/


Related Articles