ComponentOne Extender Controls for ASP.NET Web Forms
Wijmo Control Toolkit Extender Controls / Chart Extenders / C1BarChart Extender / Applying Animation to the BarChart
In This Topic
    Applying Animation to the BarChart
    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 Bar chart series moving along smoothly from left to right while loading, the bar 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.

    To set the animation effect and animation duration for the bar 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 C1BarChartExtender and click OK. A C1BarChartExtender control is added to the page and the TargetControlID is set to Panel1.

     <cc1:C1BarChartExtender ID="Panel1_C1BarChartExtender" runat="server"

                TargetControlID="Panel1">

                <footer compass="South" visible="False">

                </footer>

                <axis>

                    <y compass="West" visible="False">

                        <labels textalign="Center">

                        </labels>

                        <gridmajor visible="True">

                        </gridmajor>

                    </y>

                </axis>

            </cc1:C1BarChartExtender>

    1. Select View | Properties Window in the Visual Studio menu.
    2. Click the drop-down list at the top of the Properties window and select Panel1_C1BarChartExtender.
    3. Expand the Animated property and enter an animation effect, EaseInBack, next to the Easing property.
    4. Increase the Duration value to 1500.