I have a highcharts chart in place using v11.
There are two series in two panes: candlestick on the upper / column with volumes on the lower pane.
I want to display the full day, so I've been using datetime type for the x series and defined a tick interval with 5 minutes. So far so good, everything is working appropriate except the scrolling behavior:
Once I scroll outside of the area where I actually have data and come back in, there is that weird sticky behavior
Mouse wheel scrolling is not working
Panning is not working (as it's outside of the data area)
Buggy Fiddle: https://jsfiddle.net/8g745vxr/0/
It is working appropriately if I have data for each time point (with null values for the yAxis).
But I guess that's not what the datetime type for the xAxis was added for -> having a timerange without adding data points for each time:
Working, null datapoints Fiddle: https://jsfiddle.net/8g745vxr/1/
(see JS line 45/46)
So is there a way to achieve this behavior without having data for each datapoint on the xAxis like on the 2nd fiddle? Really appreciate any help!