ComponentOne Extender Controls for ASP.NET Web Forms
Wijmo Control Toolkit Extender Controls / Chart Extenders / C1CompositeChartExtender / Applying Animation to the CompositeChart
In This Topic
    Applying Animation to the CompositeChart
    In This Topic

    When the ChartAnimation.Enabled property is true you can apply animation effects to the bar chart series. You can enhance your bar 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 composite chart series moving along smoothly from left to right while loading, the composite 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 chart each series loads with a smooth linear transition effect.

    To set the animation effect and animation duration for the composite chart series, complete the following:

    1. In your Web application, add a reference to the C1.Web.Wijmo.Extenders.3.dll and then add a standard Panel control to the main content of  your page.
    2. Click the Panel smart tag and select Add Extender from the Panel Tasks menu.
    3. In the Extender Wizard, select C1CompositeChartExtender and click OK. A CompositeChartExtender control is added to the page and the TargetControlID is set to Panel1.
    4. Select View | Properties Window in the Visual Studio menu.
    5. Click the drop-down list at the top of the Properties window and select Panel1_C1CompositeChartExtender.
    6. Expand the Animated node and enter an animation effect, EaseInBack, next to the Easing property.
    7. Increase the Duration value to 1500.