Syncfusion Chart in Flutter

Question

When using the CandleSeries chart, the zoom in/out functions works fine, however, the intervals on axis can be not ideal to view the graph when zoomed in.

See the image below.

On TradingView, there is an ability to change the axis interval while scrolling the mouse on the axis column, thus making the data bit more readable.

Is there a way to achieve something like this within the flutter package?

Thanks!

Answer 1

We have analyzed your query. You can achieve your requirement by setting the enableAutoIntervalOnZooming property to false in the DateTimeAxis. By default, enableAutoIntervalOnZooming is set to true, so the axis intervals will change while scrolling. We have shared a code snippet for your reference. Please let us know if you need any further assistance.

Code Snippet:

   zoomPanBehavior: ZoomPanBehavior(
          enablePanning: true,
          zoomMode: ZoomMode.x,
          enableMouseWheelZooming: true,
        ),
        primaryXAxis: DateTimeAxis(
          enableAutoIntervalOnZooming: false,
        ),