# Time Series Chart Animation

**URL:** <https://forum.inductiveautomation.com/t/time-series-chart-animation/28253>\
**Category:** Ignition Early Access\
**Tags:** ignition80\
**Created:** [September 13, 2019, 3:26pm UTC](https://forum.inductiveautomation.com/t/time-series-chart-animation/28253 "2019-09-13T15:26:15Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![jramirez3](https://avatars.discourse-cdn.com/v4/letter/j/a183cd/32.png) [@jramirez3](https://forum.inductiveautomation.com/u/jramirez3)\
**Post date:** [September 13, 2019, 3:26pm UTC](https://forum.inductiveautomation.com/t/time-series-chart-animation/28253/1 "2019-09-13T15:26:16Z")

</div>

Is it possible to do any animations on the time series chart?

I would like to see the chart kind of draw itself when loaded. From the link below that we gotten from Ignition when you showed us at my company the features of 8.0 shows that charts can have animations on it.

[https://software.es.net/react-timeseries-charts/#/example/realtime](https://software.es.net/react-timeseries-charts/#/example/realtime)

[https://software.es.net/react-timeseries-charts/#/example/realtime](https://software.es.net/react-timeseries-charts/#/example/realtime)

---

<div class="post-metadata">

**Author:** ![jball](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/jball/32/11128_2.png) [@jball](https://forum.inductiveautomation.com/u/jball)\
**Post date:** [September 13, 2019, 4:33pm UTC](https://forum.inductiveautomation.com/t/time-series-chart-animation/28253/2 "2019-09-13T16:33:41Z")

</div>

Hi @jramirez3,

That is just the default behavior of the chart library. As data is refreshed, there is point-to-point transition animations that occurs in the background. It is most noticeable if you have frequent polling. Just as a test, you can toggle a trend between axes that have a decent size gap. As an example, `0` to `100` for one axis and `-100` to `200` for the other (just examples; the axes should be tailored to encompass the data in your use case). You’ll see the data animate as it is redrawn to fit the different axes.

In the case of the examples you posted, that chart starts with a single data point and grows rapidly as the data is added. That does a great job of displaying the point-to-point animation that the library does.
