Prevent Flags overlap
When multiple series are used and if the flags are overlapping it should be moved a bit to prevent overlapping.Currenyly the stackWidth option allows it for only one series .What if i have connected series like a part dotted and part solid series. I wont be able to use stack distance in this case. So require something to push the y values a bit if they are overlapping even if on different series.
The flags series has horizontal overlapping enabled by default since Highstock version 6.0.4.
Relevant API reference: https://api.highcharts.com/highstock/series.flags.allowOverlapX
Paweł Fus commented
I created simple plugin which detects labels overlapping, and translates flags to the top: http://jsfiddle.net/p037jdyj/ - Note: when you have hundreds of flags, then it's better to use plugin by @Eugene (performance!)
No its doesnt update on nearer flags overlapping .It only updates only when the X-axis has same value but in my case the X axis values are different and the graph contains around 1000 points so close by point flags overlap .
Still updates on nearer flags overlapping
Hi Eugene ,
Your plugin groups the points and when you click it, it shows on a longer range .But my requirement is little bit different . In my requirement a user doesn't click , he should be able to see the flags stacked if close and shouldn't overlap .
Eugene Gluhotorenko commented
I think my plugin should help http://www.highcharts.com/plugin-registry/single/41/flags-grouping
Any collsiion detection algo for flags ???
Also adding CSS for Flags will be good idea. Manually arranging the style anf fonts of flags via css.
Make the flag overlapping prevention independent of series .StackDistance should work on all series.
for more info.