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.
Niketh
shared this idea
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!)
-
Niketh
commented
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 .
-
bharathd
commented
Still updates on nearer flags overlapping
-
Niketh
commented
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
-
Niketh
commented
Any collsiion detection algo for flags ???
-
Jitesh
commented
Also adding CSS for Flags will be good idea. Manually arranging the style anf fonts of flags via css.
-
Niketh
commented
Make the flag overlapping prevention independent of series .StackDistance should work on all series.
-
Niketh
commented
Refer http://forum.highcharts.com/highstock-usage/flags-stack-distance-not-working-t32157/
for more info.