RadialBarSeries Buggy Animation

[Joseph Perez]

My RadialBarSeries chart has an issue where the animation runs on initializing the widget, but then has issues when rebuilding.  The animation duration suddenly appears to be 0, and sometimes the data shown on the chart does not reflect the actual datapoints unless a specific bar is being modified.  Replacing the RadialBarSeries with a PieSeries leaves the animation smooth and data accurate.  I'm using version 25.2.7 of the package.  Had run into this issue around a month ago but it seemed to resolve itself.  Now it's back.

In my screencap I show what the chart looks like starting with both bars at 0.  The green bar seems to have maintained its old value during rendering.  Then I increment the chart, setting the green bar to its accurate value.  The values are set to fill the green bar before the red, and then I restart the app a few times to show the animation does in fact work properly sometimes.  I then change the radialbarseries to a pieseries to show that this is where I have isolated the issue to.  I included the file containing the chart widget itself for reference.

Attachment: files_7be9bc56.zip

[Lokesh Palani]

Hi Jospeh,

We have checked the reported issue and tried to replicate it in the SfCircularChart with version 26.1.35 by setting the series as RadialBarSeries and PieSeries in the SfCircularChart. And, we have tested with the following scenarios.

• Tested with adding the datas in the RadialBarSeries.

• Tested with replacing the datas in the RadialBarSeries.

• Tested with removing the datas in the RadialBarSeries.

• Tested with replacing the dataSource in the RadialBarSeries.

• Tested with replacing the RadialBarSeries to PieSeries.

Tested Flutter SDK Version: 3.22.2

Tested Platform: Windows

However, we were unable to reproduce the reported issue at our end. We kindly request you replicate the reported issue in the sample attached below and provide us with more details regarding the specific scenario in which you encounter the issue with a screenshot or screen recording. This will help us to assist you more effectively.

Regards,

Lokesh P.

Attachment: forum_radialbarseries_9593ae5a.zip

[Joseph Perez]

I realize this issue was left hanging but I am still able to reproduce the issue both in my own app and the sample you provided.  I have tried using an Android 13 emulator and Android 12 devices, and am developing with Flutter SDK 3.24.0 which I noticed there was an open ticket concerning the compatibility with the latest package version.

Have been using this reference in my pubspec.yaml to work around the compatibility issue.

syncfusion_flutter_charts:

  git:

    url: https://github.com/Luvti/flutter-widgets

    path: packages/syncfusion_flutter_charts

    ref: 15e3c4a95e3cf2e2393755bf5aa11c0206ed6dea

Would still really appreciate the help on this.

Attachment: screencap_93a4dac7.zip

[Joseph Perez]

I forgot to include that I am building with MacOS (M2 chip) using Flutter SDK 3.22.2, and charts version 26.1.35 with the sample and still reproduced the issue.

[Preethika Selvam]

Hi Joseph,

Thank you for letting us know about this issue. We can replicate the reported issue. This issue is scheduled to be fixed in our upcoming weekly patch release on August 27, 2024. We will update you here once the release is rolled out and we appreciate your patience until then.

Root Cause: The inner and outer radius are not recalculated dynamically based on the updated angle value.

Regards,

Preethika Selvam.

[Preethika Selvam]

Hi Joseph,

We have resolved the reported issue on our end, and it is currently in the testing phase. We will include this fix and share a patch in our Volume 3 main release, which is expected to be rolled out in the second week of September. We appreciate your patience in the meantime.

Regards,

Preethika Selvam.

[Preethika Selvam]

Hi Joseph,

The reported issue is fixed, and the fix published in the below version. Therefore, we kindly request that you upgrade the syncfusion_flutter_charts package to the latest version below to avoid this issue.

Version: https://pub.dev/packages/syncfusion_flutter_charts/versions/26.2.14

Root Cause: The inner and outer radius are not recalculated dynamically based on the updated angle value.

  

Regards,

Preethika Selvam.