Explore Sparkline / Add Animation
Add Animation

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

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"
                                 
To disable the Animation, set Animation.Enabled to False.