EnableAnimation = false not working

[Michael Aston]

I'd like to disable the draw animation on the charts but setting EnableAnimation = false does not seem to work.

<div class="control-section">

    <SfChart Title="Inflation - Consumer Price" Theme="@Theme" EnableAnimation="false">

        <ChartArea><ChartAreaBorder Width="0"></ChartAreaBorder></ChartArea>

        <ChartPrimaryXAxis ValueType="Syncfusion.Blazor.Charts.ValueType.DateTime" LabelFormat="yyyy" IntervalType="IntervalType.Years" EdgeLabelPlacement="EdgeLabelPlacement.Shift">

            <ChartAxisMajorGridLines Width="0"></ChartAxisMajorGridLines>

        </ChartPrimaryXAxis>

        <ChartPrimaryYAxis LabelFormat="{value}%" RangePadding="ChartRangePadding.None" Minimum="0" Maximum="100" Interval="20">

            <ChartAxisLineStyle Width="0"></ChartAxisLineStyle>

            <ChartAxisMajorTickLines Width="0"></ChartAxisMajorTickLines>

        </ChartPrimaryYAxis>

        <ChartTooltipSettings Enable="true"></ChartTooltipSettings>

        <ChartSeriesCollection>

            <ChartSeries DataSource="@ChartData" Name="Germany" XName="Period" Width="2"

                         Opacity="1" YName="ENG_InflationRate" Type="ChartSeriesType.Line">

                <ChartMarker Visible="true" Width="10" Height="10">

                </ChartMarker>

            </ChartSeries>

            <ChartSeries DataSource="@ChartData" Name="England" XName="Period" Width="2"

                         Opacity="1" YName="GER_InflationRate" Type="ChartSeriesType.Line">

                <ChartMarker Visible="true" Width="10" Height="10">

                </ChartMarker>

            </ChartSeries>

        </ChartSeriesCollection>

    </SfChart>

</div>

[Srihari Muthukaruppan]

Hi Micheal, 

 

We have analyzed your query. From that, we would like to let you know that EnableAnimation in the chart is used to disable the animation of gridlines, tickline and labels on rerendering. To disable the series animation we suggest you to use seriesAnimation property in the series of the chart as shown in the below code snippet to achieve your requirement. 

 

Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/ChartLineAnimation18.4.43-1254627956.zip 

 

Code Snippet: 

<ChartSeries DataSource="@ChartData" Name="England" XName="Period" Width="2" 

                         Opacity="1" YName="GER_InflationRate" Type="ChartSeriesType.Line"> 

                <ChartSeriesAnimation Enable="false"></ChartSeriesAnimation> 

                <ChartMarker Visible="true" Width="10" Height="10"> 

                </ChartMarker> 

            </ChartSeries> 

 

Let us know if you have any concerns. 

 

Regards, 

Srihari M 

[Michael Aston]

Thanks

[Srihari Muthukaruppan]

Hi Michael, 

 

Most welcome. Kindly get in touch with us, if you requires further assistance. We are always happy in assisting you.   

   

Thanks,   

Srihari M