Abhinandan-Kushwaha / react-native-gifted-charts

The most complete library for Bar, Line, Area, Pie, Donut, Stacked Bar and Population Pyramid charts in React Native. Allows 2D, 3D, gradient, animations and live data updates.
https://www.npmjs.com/package/react-native-gifted-charts
MIT License
746 stars 150 forks source link

animateOnDataChange causes chart not to render #608

Closed KraljSamo closed 1 month ago

KraljSamo commented 5 months ago

When using animateOnDataChange it causes the chart lines not to render at all. The axes are visible.

Minimal code example:

      <View style={{ backgroundColor: "white" }}>
        <LineChart
          isAnimated
          data={data}
          // animateOnDataChange
          animationDuration={1000}
          onDataChangeAnimationDuration={300}
        />
      </View>

I tried this on both POCO F3 Android phone and on iPhone 13, on both it happens the same. I tried this on 1.4.7 and 1.4.10 versions of this library.

    "react-native": "0.73.6",
     "react-native-gesture-handler": "2.16.0",
     "react-native-gifted-charts": "1.4.7",
     "react-native-linear-gradient": "2.8.3",
     "react-native-reanimated": "3.8.1",
     "react-native-svg": "15.1.0",
    "react-native-svg-icon": "0.10.0",
piotr-weareconflict commented 3 months ago

Same issue, any solutions?

Abhinandan-Kushwaha commented 1 month ago

Hi @KraljSamo @piotr-weareconflict This has been fixed from versions 1.4.7 onwards 🎉 Please use the latest version of the library.