How to change the maxim value on y axis after lazy loading?

[Zhu]

Hi,

After lazy loading of more data, the data range may become much bigger or smaller, the maxim value on y axis may have to be changed to get valid or better show, how to do that?

[Zhu]

I tried  ChartRangePadding, the chart may change too much during scrolling..

Not acceptable.

[Yuvaraj Gajaraj]

Hi Zhu,

To achieve your requirement set the zoomMode property to x in the ZoomPanBehavior and make the series animationDuration to zero and set the rangePadding property to additional or round as per your requirement. Now the y-axis range will be calculated based on the visible data points only. We have shared the code snippet below for your reference.

Code snippet:

zoomPanBehavior: ZoomPanBehavior(

enablePanning: true,

zoomMode: ZoomMode.x,

),

primaryYAxis: NumericAxis(

rangePadding: ChartRangePadding.additional,

),

LineSeries(

animationDuration: 0,

)

If you are still facing the same issue, we kindly request you to share more information on your requirement in detail along with screenshots or screen recordings so that it will help us assist you in a better way.

Regards,

Yuvaraj.

[Zhu]

Hi, Yuvaraj,

I tried the way you recommended, it still have problem.

Please check the 2 pictures below, first is before scrolling, second is after scrolling, it changed too much and part of the purple line disappear in second picture.

Regards,

Zhu.

[Zhu]

Hi, Yuvaraj,

What I expect is changing the maxim limit of y axis after lazy loading when needed, then user can scroll without data trace  changing.

Regards,

Zhu.

[Yuvaraj Gajaraj]

Hi Zhu,

We are validating your query at our end and we will update further details tomorrow. We appreciate your patience until then.

Regards,

Yuvaraj.

[Zhu]

Great, looking forward to it..

[Yuvaraj Gajaraj]

Hi Zhu,

To maintain a consistent view without knowing the data trace changing, you can try setting the anchorRangeToVisiblePoints property to false on the y-axis, It will help you to maintain the y-axis range with maximum y value in overall data points. We have shared the code snippet below for your reference. 

Code snippet:

zoomPanBehavior: ZoomPanBehavior(

enablePanning: true,

zoomMode: ZoomMode.x,

),

primaryYAxis: NumericAxis(

anchorRangeToVisiblePoints: false,

),

Regards,

Yuvaraj.

[Zhu]

Hi, Yuvaraj,

This way works, thank you so much for the help.

Best Regards,

Zhu.

[Yuvaraj Gajaraj]

Most Welcome. Kindly get back to us if you have further queries. We are always happy to assist you.