Chart becomes very slow when rendering large volume of data

wuba / react-native-echarts

📈 React Native ECharts Library: An awesome charting library for React Native, built upon Apache ECharts and leveraging react-native-svg and react-native-skia. Offers significantly better performance compared to WebView-based solutions.

https://wuba.github.io/react-native-echarts/

Apache License 2.0

762 stars 25 forks source link

Chart becomes very slow when rendering large volume of data #166

Closed GokuVijay closed 7 months ago

GokuVijay commented 8 months ago

Describe the bug Importing a large amount of data into ECharts significantly slows down the application, it even unresponsive to any events. I'm using React Native SVG for chart rendering.

Expected behavior The chart becomes significantly slow specifically when loading a large volume of data. How to overcome this issue ?

Screenshots

Smartphone (please complete the following information):

IOS simulator iphone 12 mini

lucaswitch commented 8 months ago

There is too much views on your rendering tree. Also ram usage is sky high

GokuVijay commented 7 months ago

Is there any possible way to render large volume of data ?

We have planned to use this package for our application despite the presence of this issue; however, everything else works perfectly fine.

lucaswitch commented 7 months ago

Page the chart data or make a approximation to use lowest number of data possible. Any chart library can become slow as the data grows too big. Think the charts as something like Google Maps, you can't plot the whole city so as we zoom through the map new details should appear, as we zoom out the datails fade away but we can see the whole.

GokuVijay commented 7 months ago

Thanks for the insight!