I have been trying to ensure my Flag series do not overlap each other.
Found this post and used this drawPoints function:
https://github.com/highcharts/highchart ... -154013703
It is working, somewhat...
However, when I click on the LegendItems, the chart re-renders, and the Overlap happens seemingly inconsistently, since new series are now being shown on the chart.
I've already called the redraw function for LegendItemClick:
plotOptions: {
series: {
events: {
legendItemClick: function (event) {
this.redraw()
},
}
}
},
.....
The FLAG series are still overlapping when some legendItem series are clicked. I tried to debug it and it seems like the LegendItemClick does not have the latest values for the series, hence passing non-updated { comparePoint.graphic.translateY } position, making collision return false (when there is supposed to be colliding points).
I am only having issues identifying the collision when the points are aligned vertically on top of each other.
Can someone please help? Thanks.