You can add animation to the Sparkline control by setting animation duration or easing type through the Animation property.

• Enabled: You can display sparkline without any animation by setting this property as False. By default, the property is set True.
• Duration: Set the amount of time it takes to display a sparkline. By default the value is 2000 milliseconds.
• Easing: Change the easing type for the animation. By default, Easing is set to Linear.

In the Designer

1. Right click the Sparkline control and select Properties. This opens the Properties Window.
2. In the Properties Window, expand the Animation property, and change the Duration to 1000 and Easing to bounce.
   
   

In Source View

Modify the Animation property within the <cc1:C1Sparkline> tag, to customize the animation of the control.

<cc1:C1Sparkline ID="C1Sparkline1" runat="server"
Animation-Duration="1000" Animation-Easing="bounce"  >
</cc1:C1Sparkline>

In Code

Add the following code to the Page_Load event to customize the animation of the control.

To write code in C#

 
C1Sparkline1.Animation.Duration = 1000;
C1Sparkline1.Animation.Easing = "bounce";
                                

To write code in Visual Basic

 
C1Sparkline1.Animation.Duration = 1000
C1Sparkline1.Animation.Easing = "bounce"