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

    When the 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 Easing property is set to EaseInCubic and when you reload the Bubble chart each series loads at zero velocity and then accelerates.

    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 loading the bubble 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