Log In
Home
Support
Demos
Documentation
Blogs
Training
Webinars
[Expand]General Information
[Collapse]WinForms Controls
  Prerequisites
 [Expand]What's Installed
 [Expand]Build an Application
 [Collapse]Controls and Libraries
  [Expand]Forms and User Controls
  [Expand]Messages, Notifications and Dialogs
  [Expand]Editors and Simple Controls
  [Expand]Ribbon, Bars and Menu
  [Expand]Application UI Manager
  [Expand]Docking Library
  [Expand]Data Grid
  [Expand]Vertical Grid
  [Expand]Pivot Grid
  [Expand]Tree List
  [Collapse]Chart Control
   [Expand]Getting Started
   [Expand]Fundamentals
   [Expand]Providing Data
   [Expand]Appearance Customization
   [Collapse]End-User Features
    [Expand]Basic End-User Interaction
    [Expand]Crosshair Cursor
     Tooltips
    [Collapse]Animation
      Easing Functions
     Printing and Exporting
     Chart Designer for End-Users
     Integration with a Range Control
     Chart Wizard for End-Users
   [Expand]Design-Time Features
   [Expand]Visual Elements
   [Expand]Examples
   [Expand]Additional Resources
  [Expand]Diagrams
  [Expand]Gauges
  [Expand]Map Control
  [Expand]Scheduler
  [Expand]Spreadsheet
  [Expand]Rich Text Editor
  [Expand]Spell Checker
  [Expand]Form Layout Managers
  [Expand]Navigation Controls
  [Expand]Printing-Exporting
  [Expand]PDF Viewer
   Reporting
  [Expand]Snap
  [Expand]TreeMap Control
 [Expand]Common Features
  Get More Help
 [Expand]API Reference
[Expand]ASP.NET Controls and MVC Extensions
[Expand]ASP.NET Bootstrap Controls
[Expand]WPF Controls
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Document Server
[Expand]Reporting
[Expand]Report Server
[Expand]Dashboard
[Expand]eXpressApp Framework
[Expand]CodeRush
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation

Animation

All 2D series view types support animation.

Expanded Overview

There are two approaches to applying animation effects for the series.

  • Turn on automatic animation on data changing or chart loading, setting the ChartControl.AnimationStartMode property to OnDataChanged or OnLoad.

  • Manually start animation using the ChartControl.Animate method.

Two types of animation exist: series animation and series point animation. All animations are represented by the AnimationBase class descendants.

Despite the fact that most series views support both series and series point animation, Bar, Bubble, Financial, Funnel, Gantt, Point, Pie and Donut, Polar Point and Radar Point series views support series point animation only.

For all animations, it is possible to specify the animation start time using the AnimationBase.BeginTime property, and the animation duration using AnimationBase.Duration.

Also, an easing function, which specifies the rate of change of animation progress over time, can be set using the AnimationBase.EasingFunction for all animations. For example, the following image shows a chart animated using BounceEasingFunction with EasingFunctionBase.EasingMode set to Out.

For more information about Easing Functions, refer to the Easing Functions document.

Expanded Series Animation

These type of animations influence series whose views represent points as united objects, e.g., line.

Animation of this type is specified using a series view's SeriesAnimation property.

The following code demonstrates how to set the Unwind animation to a series with the line view.

The table below lists animations grouped by the series view to which these animations can be applied.

Expanded Series Point Animation

This group’s animations are applied independently to each point. In addition to default animation settings, these animations have properties that allow you to configure point animation order and delay between point animation start times.

Note that series point animation is specified using properties with different names for different view types. For views supporting series animation, the property specifying the series point animation is SeriesPointAnimation. At the same time, the series view without series animation has the Animation property that allows you to set point animation.

The following code demonstrates how to set the Widen point animation to a series with the line view.

The table below represents animations grouped by series views to which this animation can be applied.

How would you rate this topic?​​​​​​​