Faulty Zooming in Chart with DateTime Axis using Range Selector

[Pulkit]

In my application I have been referring to this example https://flutter.syncfusion.com/#/range-selector/zooming.

The issue I'm facing is that when I zoom or pan in the top graph the Range Selector cursors move to the correct positions. But when I move the cursors of the Range Selector directly, the upper graph doesn't zoom. 

Following are the observations:

1. Moving the left cursor doesn't bring about any change in the Top graph.
2. Moving the right cursor shifts the plot towards the right side of the top chart without any zoom and the right most value  on the top chart matches the the value of the right cursor of Range Selector.
3. Since there is no zoom, the Top graph extends the X axis towards the left. Since there are no data points in the extended portion of the graph we get a white space.
4. Trying to zoom or pan the Top chart after the above step resets both the Top graph and the Range selector to their initial values.

Please find attached a Dart file containing the related code and the images explaining the issue.

Attachment: attachment_562c94ef.rar

[Lakshmi Radha Krishnan]

Hi Pulkit, 

 

Thank you for your detailed observation.  

 

We have checked the sample and found that visibleMinimum and visibleMaximum values in the chart must be set to the same values as the range controller's start and end values. We will update our documentations and this online sample by August 06, 2021. Please find the attached sample for your reference.  

 

Modified sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/rangeselector_zooming_panning-878946952  

 

Please let us know if you need any further assistance in this. 

 

Thanks, 

Lakshmi R. 

[Lakshmi Radha Krishnan]

Hi Pulkit, 

  

The changes were done and it will reflect in live on or before August 10th, 2021. We will update once got refreshed in live. 

Regards, 

Lakshmi R. 

[Dharanitharan Palanisamy]

Hi Pulkit, 

 

As previously stated, the changes have now been reflected in the live site, for further details, please see the link below. 

 

https://help.syncfusion.com/flutter/cartesian-charts/axis-customization#rangecontroller 

 

Thanks, 

Dharanitharan. P