voidSO
Posts: 10
Joined: Sun Mar 15, 2015 11:23 am

Column range as arrows

Hi!

I am integrating column range chart but I want the column to appear as an arrow. The arrow could be facing downward / upwards based on if the value is increased or decreased.

I can't seem to find any workaround to achieve this.

Below is a reference picture of what I am trying to achieve..

Image

Any help on this would be appreciated.
hubert.k
Posts: 1164
Joined: Mon Apr 11, 2022 11:48 am

Re: Column range as arrows

Hi voidSO,
We appreciate you reaching out to us!

You can create arrows using Highcharts SVGRenderer. You have to remember about responsiveness, so it is good to create triangles in a proper chart.event. You can read more about it in the documentation and see the example demo below.

Demo: https://jsfiddle.net/BlackLabel/pb35oqgy/
API Reference: https://api.highcharts.com/class-refere ... VGRenderer
https://api.highcharts.com/highcharts/chart.events

Feel free to ask any further questions!
Regards!
Hubert Kozik
Highcharts Developer

Return to “Highcharts Usage”