Show custom SVG marker in highstock-CodePudding

I am trying to create chart as below

But not sure how to create a marker as in image

Any pointer to add custom SVG image with a letter inside will help, Thanks

CodePudding user response：

You can specify the shape of series.flags by using inbuilt shapes or add it as an image.

Demo: https://jsfiddle.net/BlackLabel/8cv1tL0g/

API Reference: https://api.highcharts.com/highstock/series.flags.shape

You can also use Highcharts.SVGRenderer to draw any shape on the chart.

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