How to Disable Animation in Blazor Charts?

This article explains how to disable animation in Blazor Charts.

Disabling animation for charts

Blazor Charts provides an option to disable animation for series, axis, axis labels, major and minor gridlines, major and minor ticklines.

You can turn off animation for chart series by setting the Enable property of ChartSeriesAnimation to false. To disable animations for other chart elements, such as the axis, labels, tick lines, and gridlines, set the EnableAnimation property of SfChart to false. This will render the chart without animation.

The following example shows how to disable animation in Blazor Chart.

@using Syncfusion.Blazor.Charts
<SfChart Title="Sales Analysis" EnableAnimation="false">   
   <ChartSeriesCollection>
       <ChartSeries>
           <ChartSeriesAnimation Enable="false"></ChartSeriesAnimation>
       </ChartSeries>
   </ChartSeriesCollection>
</SfChart>

Output

The following gif illustrates the output of the code snippet.

Live Sample for Disabling Animation

Conclusion
I hope you enjoyed learning how to filer data for Blazor Chart series using a specific field.
You can refer to our Blazor Charts feature tour page to know about its other groundbreaking feature representations and Documentation, and how to quickly get started for configuration specifications. You can also explore our Blazor Charts example to understand how to create and manipulate data.

For current customers, you can check out our components from the License and Downloads page. If you are new to Syncfusion, you can try our 30-day free trial to check out our other controls.
If you have any queries or require clarifications, please let us know in the comments section below. You can also contact us through our support forums, Direct-Trac or feedback portal. We are always happy to assist you!