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 Query

More Query from same tag