syncfusion/flutter-examples

line chart drew timeout when there are many data,and drag the window or mouse stucked

GaoXing0608 opened this issue · 4 comments

It will stucked when the source data is large.

If the source data are more than the screen's width, such as there are 2000 data, and the screen width is 1000, whether the some data were drew twice?

unsmooth
smooth

Hi @GaoXing0608,

In SfCartesianChart, while rendering large data points we prefer using FastLine Series instead of Line Series for better performance. Therefore, We recommend you to check whether the mentioned behavior is replicated when using the FastLine Series. With those additional details, it will be useful for us to provide the best possible solution from our end. We have also shared the User Guide documentation for the FastLine Series below.

UG: https://help.syncfusion.com/flutter/cartesian-charts/chart-types/fast-line-chart

Regards,
Hari Hara Sudhan. K.

I have replaced the LineSeries to FastLineSeries, it is unsmooth when I drag the range controller
unsmooth2

Hi @GaoXing0608,

In SfCartesianChart, while rendering large data points we prefer using FastLine Series instead of Line Series for better performance. Therefore, We recommend you to check whether the mentioned behavior is replicated when using the FastLine Series. With those additional details, it will be useful for us to provide the best possible solution from our end. We have also shared the User Guide documentation for the FastLine Series below.

UG: https://help.syncfusion.com/flutter/cartesian-charts/chart-types/fast-line-chart

Regards, Hari Hara Sudhan. K.

How about the above problem?

Hi @GaoXing0608,

We suggest that you use the enableDeferredUpdate property and the deferredUpdateDelay property to update the dependent components with a delay. We have shared the User Guide documentation below regarding the deferred update.

UG: https://help.syncfusion.com/flutter/range-selector/range-controller#deferred-update

We have also shared the range selector with the deferred update sample below for your reference. Here, we have enabled the deferred update feature, and the chart gets updated when the thumb is dragged and held for the specified deferredUpdateDelay duration in the Range Selector. You can use the deferred update according to your needs with this reference, and if you have further queries, please get back to us.

Range Selector with deferred update: https://github.com/syncfusion/flutter-examples/blob/master/lib/samples/sliders/range_selector/range_selector_with_zooming.dart

Regards,
Hari Hara Sudhan. K.