How do I animate a line chart?

[apfz]

After updating the state with new data I would like to animate a line chart.

I tried to do something like this:

data={
    [
      {x: new Animated.Value(0), y: 10},
      {x: new Animated.Value(3), y: 15},
      {x: new Animated.Value(6), y: 9},
    ]
  }

But x is expected to be a number. How can I accomplish this?

[nick-0101]

Did you manage to find a solution? I'm having the same problem

[apfz]

Unfortunately not, I am still wondering how to do it

[nick-0101]

I ended up moving to victory native charts. It's a much better project that was animation support and customization.

[jeanniton-mnr]

With so many open issues, I have decided to go with react-native-gifted-charts.
It comes with built-in animation support.
The link below has a gallery of many chart previews:
Gallery