Is it possible to animate a line graph?

Question

Is it possible to animate a line graph?

BigPun86 opened this issue 8 years ago · 4 comments

Hey there, is it possible to animate the line chart, when the chartData has changed?

I want to display a line chart which has three different datas. When i click a button for example the linegraph should animate to the next chartData array...

Any hints? :P

Answer 1 · 2016-10-13T13:50:25.000Z

Hello. I'm actually working behind the scenes to transition this project to use react-native-svg instead of react-native ART objects. SVG transforms are supported in RN SVG, but I don't have much experience with it.

You can make the line chart animate such that it grows from the bottom, in the meantime. If you're interested I can post a snippet.

Answer 2 · 2016-10-18T10:25:16.000Z

I would appreciate if you could post a snippet of the animation code, please!

Answer 3 · 2016-10-27T09:36:46.000Z

@tomauty Is there a way to help you with the migration?

Answer 4 · 2016-10-27T14:37:04.000Z

Yes! I'm really sorry for not maintaining properly, swamped with work right now. The branch is react-native-svg, and so far only the LineChart supports it. Would love any PRs that convert the bar chart or pie chart to use SVG objects.