I have spent few hours tweaking the settings for the highcharts navigator and still couldn't figure out the issue. I am trying to use a stacked column chart for navigator with local time(non-UTC) for xAxis. In the above example, if you drag the navigator handles and select a range, say 14th may and 16th may, I get - 2021-05-14 16:06:12 | e.max: 2021-05-15 15:53:47 | e.trigger: navigator values from the setExtremes event handler which is totally wrong. More over, I do not get same values always when a select a particular range.
ex:
step 1: when I move left handle to 13th may , I get - 2021-05-13 15:35:10 as min value,
step 2: And now i move right handle to 14th may, I get e.min: 2021-05-13 15:35:10 | e.max: 2021-05-13 16:24:49
step 3: and move move right handle to 16th may, I get e.min: 2021-05-13 04:00:00 | e.max: 2021-05-15 16:12:24 | e.trigger: navigator
if you see, on step 2 to I got wrong e.max. and on step 3, though I didn't move my left handle, I got a new min value? I don't understand this at all. Any help will be appreciated.
Here is the sample.
https://jsfiddle.net/m92kdqxv/31/