dizzy
Posts: 84
Joined: Mon Aug 01, 2022 5:28 pm

Flag series: avoid overlaps with associated series

Hi,
in the attached image i have a series with bands and flags. as you can see for flags show fine, but i would like to:
1. avoid flags covering or overlapping with candles if possible
2. possible extending the flag 'pole' (make the height larger?) so that it is more clear to see which candle they are pointing to

Is this possible?
chart1.png
chart1.png (29.83 KiB) Viewed 343 times
kamil.m
Posts: 892
Joined: Thu May 19, 2022 1:33 pm

Re: Flag series: avoid overlaps with associated series

Hi dizzy,

Great to hear from you again!

When it comes to overlapping, there are two possibilities that can resolve that.

1. You can control the zIndex of the candlestick series and flags series.
2. You can extend the connector line (move the flag away from the series) with the series.y property.

Take a look at the demo with extended connectors below. (line 40 and 68)
DEMO: https://jsfiddle.net/BlackLabel/ao2Lj90m/

Thank you for your message and do not hesitate to contact us anytime,
Best regards!
Kamil Musiałowski
Highcharts Developer

Return to “Highcharts Stock”