Deinko
Posts: 16
Joined: Tue Nov 29, 2022 12:53 pm

Flags position

Hi!

Is it possible to show flags under the X axis?

Right now, I'm drawing them as a custom SVG image. And if I change 'y' value in flags series to a positive value, they hide under the axis, not responding on setting zIndex or other props.
Ideally I want to show them between axis and axis labels
Screenshot 2022-12-05 at 14.11.02.png
Screenshot 2022-12-05 at 14.11.02.png (30.22 KiB) Viewed 277 times
Screenshot 2022-12-05 at 14.12.46.png
Screenshot 2022-12-05 at 14.12.46.png (39.07 KiB) Viewed 277 times
User avatar
dawid.d
Posts: 832
Joined: Thu Oct 06, 2022 11:31 am

Re: Flags position

Hi,

Thanks for contacting us with your question!

It seems to me that a better way in this case would be to use a renderer instead of flags. Using the renderer, you can render an svg element, e.g. an image, anywhere in the chart. See: https://api.highcharts.com/class-refere ... erer#image

Demo: https://jsfiddle.net/BlackLabel/fe9brvgx/

Let me know if that's what you were looking for.
Best regards!
Dawid Draguła
Highcharts Developer

Return to “Highcharts Stock”