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

    When the ChartAnimation.Enabled property is true you can apply animation effects to the LineChart 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 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 C1LineChartExtender and click OK. A LineChartExtender 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_C1LineChartExtender.
    6. Expand the Animation node and set the Easing property to EaseInBack.
    7. Increase the Duration value to 1500.