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