How to Disable Animation in Blazor Charts?

This article explains how to disable animation in Blazor Charts.

Disabling animation for charts

Blazor Charts provides options to disable animation for series, axes, axis labels, major and minor gridlines and 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 axes, 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 a 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
We hope you enjoyed learning how to disable animation in Blazor Chart.
You can refer to our Blazor Charts feature tour page to learn about its other groundbreaking features, Documentation, and how to quickly get started with configuration specifications. You can also explore our Blazor Charts example to understand how to create and manipulate data.

For current customers, our Blazor components are available on the License and Downloads page. If you are new to Syncfusion, you can try our 30-day free trial to evaluate our Blazor Charts and other Blazor components.
If you have any questions 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!