Hi,
I want to control the tooltip position and always put it on the left of the crosshair as long as it doesn't go out of the chart. But if the tooltip is going to be out of the chart, show it on the right side of the crosshair. (BTW, the reason behind this requirement is I found that if the tooltip is covering the crosshair, the experience is not smooth if I want to drag the point up and down, or zoom in the chart.)
I know there is https://api.highcharts.com/highcharts/t ... positioner callback function that I can use to control tooltip position. But I have some problems with it.
Here is a demo I'm currently working on: https://jsfiddle.net/nexqk3tw/33/. The problem happens if I want to enable scrollablePlotArea, the positioner would perform weird. (BTW, I want scrollablePlotArea to be enabled because I want to support large data use case, but don't want to show all the data points on the chart. Otherwise, the data points would look compressed visually, which I don't want.) In that demo, when you scroll to the right of the chart, you will find that the tooltip would be positioned far away from the chart. The reason I suspect is because point.plotX is still referring to the point position in the real chart, instead of the chart container.
Is there any solution that can solve my requirement that `always put it on the left of the crosshair as long as it doesn't go out of the chart. But if the tooltip is going to be out of the chart, show it on the right side of the crosshair` even with scrollablePlotArea enabled.
Thanks!