ComponentOne LineChart for ASP.NET Web Forms
LineChart Animation / Transition Effects
In This Topic
    Transition Effects
    In This Topic

    When the Enabled property is true you can apply animation effects to the Line chart series. You can enhance your Line chart's appeal by adding transition effects between the sliding or fading animated states to create a seamless flow between these states. Instead of the Line chart series moving along smoothly from left to right while loading, the Line chart could bounce in as the series slides in and bounce out as the series slides out. By default the Easing property is set to EaseLinear and when you reload the bar chart each series loads with a smooth linear transition effect.

    The following transitions effects are available for you to animate the transition between states so it looks smooth to help keep the user oriented while you loading the Line chart series:

    Transition Name Transition Description
    EaseInBack Back easing in. Begins slowly and then accelerates.
    EaseInCubic Cubic easing in. Begins at zero velocity and then accelerates.
    EaseInOutCubic Cubic easing in and out. Begins at zero velocity, accelerates until halfway, and then decelerates to zero velocity again.
    EaseOutBack Back easing out. Begins quickly and then decelerates.
    EaseOutBounce Bouncing easing out. Begins quickly and then decelerates. The number of bounces is related to the duration: longer durations produce more bounces.
    EaseOutCubic Cubic easing in and out. Begins at full velocity and then decelerates to zero.
    EaseOutElastic Quintic easing out. Begins at full velocity and then decelerates to zero.
    See Also