Animation in UWP Pivot Chart (SfPivotChart)

10 May 20211 minute to read

The SfPivotChart allows you to animate the chart series when loading and changing the data source. An animation in the chart can be enabled by setting the EnableAnimation property to true and defining the corresponding animation speed with the AnimationDuration property.

The following chart types support animation:

  • Column
  • Stacking column
  • Stacking column 100
  • Bar
  • Stacking bar
  • Line
  • Spline
  • Area
  • Stacking area
  • Spline area
  • Scatter
  • Pie

You can use the following snippet to enable animation in the SfPivotChart.

<syncfusion:SfPivotChart x:Name="PivotChart1" EnableAnimation="True" AnimationDuration="0:0:3"
                         ItemSource="{Binding ProductSalesData}" PivotAxis="{Binding PivotAxis}" PivotLegend="{Binding PivotLegend}" PivotCalculations="{Binding PivotCalculations}"/>
PivotChart1.EnableAnimation = true;
PivotChart1.AnimationDuration = new TimeSpan(0, 0, 3);
PivotChart1.EnableAnimation = True
PivotChart1.AnimationDuration = New TimeSpan(0, 0, 3)