Plotting realtime data with zoom controls

[technyon]

Hi,

I'm actually using the blazor wrapper for apex charts, but I believe the actual question is with apex charts. I'm using apex charts to plot a line chart that is continuously updating. It's supposed to show the last 30 seconds of data and smoothly scroll in and out old/new data. To achieve this, I'm setting the range option to 30 seconds, and use appendSeries() to add new data to the chart.

So far everything works. If I'm using the zoom controls to zoom in on data, apex charts adjust the visible area to where the user wants to zoom to, but the range setting is still in effect and prevents it from actually zooming in on the data. So clicking zoom actually just makes the chart scroll to somwhere, which looks quite weird.

I've tried to disable the range as soon as the user clicks on the zoom controls, but this didn't fix the issue. To make the option take effect, I'd need to call some method (update options or reset chart) that triggers the chart to play the start animation, which looks quite obstrusive for just clicking a zoom control.

Is there any fix for this, or am I doing something wrong? In my opinion the chart should take control and override the range as long as the user is zooming. Should I add this as a feature request?