React-native-svg-charts: How do animations work? I set animated=true and animationDuration=500 and there is not animation

Created on 18 Jan 2018  路  3Comments  路  Source: JesperLekland/react-native-svg-charts

What is the problem?

Animations don't work

When does it happen?

Immediately on render

What platform?

Android 6.0

React Native version: 0.52

Code to reproduce

With the example of a Pie chart in readme.md

All 3 comments

Animations occur when the dataset changes, i.e not from null -> data. It works by calculating a tween between the two svg paths. The animations aren't the best and haven't been worked on that much

On further investigation it might actually be PieChart that is causing trouble. Either way this will be a "no fix" for now as the animations don't behave particularly well anyway

Hello! Have a try with "animate"

Was this page helpful?
0 / 5 - 0 ratings

Related issues

MithunKakkara picture MithunKakkara  路  3Comments

GSreact picture GSreact  路  5Comments

lotcz picture lotcz  路  3Comments

holtc picture holtc  路  4Comments

ajacquierbret picture ajacquierbret  路  4Comments