Help us make our products better.Take our 5 minute survey.
Dismiss

React Chart - Animation

To animate chart series, add the Animation plugin to the Chart component.

Basic Setup

Import the Animation plugin.

Animation on Transitions

The following example shows how series are animated on data update:

Customize Animation

Use the Animation plugin's duration and easing properties to specify the animation's duration and easing type.

In the following code, the easing implementation is taken from the d3 library:

This site uses cookies to make your browsing experience more convenient and personal. Cookies store useful information on your computer to help us improve the efficiency and relevance of our site for you. In some cases, they are essential to making the site work properly. By accessing this site, you consent to the use of cookies. For more information, refer to DevExpress’ privacy policy and cookie policy.