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

    When the ChartAnimation.Enabled property is true you can apply animation effects to the bubble chart series. You can enhance your bubble 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 Bubble chart series moving along smoothly from left to right while loading, the bubble chart could bounce in as the series slides in and bounce out as the series slides out. By default the ChartAnimation.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 bar 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. This is the default setting.

     

    See Also