Unplanned
Last Updated: 22 Jan 2020 11:23 by ADMIN
Michaël
Created on: 07 Sep 2015 11:16
Category: Chart
Type: Feature Request
16
Animation when changing values
Hi,

We often need to modify values of an existing graph (either to change values, or filter existing set). However animation is very ugly when doing this, as it starts the animation from start. It would be awesome if animation could be more configurable, and would allow to control how animation is processed when chart's data is changed.

Thanks!
5 comments
Sam
Posted on: 13 Apr 2018 08:50
Its obvious from the forums there is a high demand for this for many years, its a real shame this request hasn't received any votes
Imported User
Posted on: 29 Oct 2015 17:52
DC.js handles transitions for changing data well; there are examples at their site. One of them: https://dc-js.github.io/dc.js/crime/index.html ...as you toggle regions on the map, you can see the other charts animate nicely from one data state to the next.
ADMIN
Telerik Admin
Posted on: 08 Sep 2015 08:48
Thanks for the additional input, Michaël. Will pass it on to the team.
Michaël
Posted on: 07 Sep 2015 12:51
Hi,

I don't have any example yet, but there are definitely two things:

* Initial painting: it would be nice if we could have additional animations. For instance in the line chart, this animation would be good: http://blog.visual.ly/creating-animations-and-transitions-with-d3-js/ (check the line chart example).

* Re-painting when changing data: in the donut chart for instance, when setting new data and calling refresh method, instead of beautifully adjusting each segment of the donut, it redraws everything by starting from a blank state.

Hope it helps clarify
ADMIN
Telerik Admin
Posted on: 07 Sep 2015 12:39
Thanks for the proposition, Michaël.

By configurable animations do you mean that you would like to control the animation type, or which areas/elements in the chart to be animated when repainted? Some more details/simple examples will help us evaluate your request properly, thanks for your cooperation.