react-native-svg-charts | 📈 One library to rule all charts for React Native 📊 | Frontend Framework library

I want to put an event where I click on the chart and express the color of the chart differently. To do so, chart data was processed, but the processed option did not work normally.

And after processing the data, additional SVG cannot be inserted into the chart. An error has occurred. So I've annotated it.

im trying to visualise some data from my dummy api which in the n_data module but the data = this.state.new_data doesnt return anything

my snack code just incase is https://snack.expo.io/@ej97/smelly-tortillas

will be much appreciated if pointing me in the right direction.

I am fetching some data using an api. Inside that api there are SQL queries that are executed. I have api that will be used to fetch data or execute these queries. I want to know how can I replace my chart's static data with dynamic data that will be fetched from api.

Here is my TabDashboardDetail.js where I am fetching title for all charts based on api data:

Im using react-native-svg-charts the animation is not working. Here the code

I'm having a React Native app, which I'm currently updating the UI. one of the requirements of the app was to lock screen orientation in portrait mode. For that, I had added android:screenOrientation="portrait" in the Manifest file. It is working fine in the live app, however now with the updated UI, it is not working anymore. I had tried many things and nothing helped.

I'm sharing the manifest file, old and new package.json file, if someone knows something please let me know.

Android Manifest

Snack I have rendered a chart in rn along with tooltips. Clicking on each individual dot in the chart renders its own separate tooltip component. Currently, the way I have written it down, clicking on Dot 1, all corresponding tooltips get dropped-down at the same time. For instance, if I click on Dot 1, all corresponding tooltip components dropdown-

I want only the first tooltip component to dropdown if I click on Dot 1. Is there any way to accomplish that?

I have tried formatting the X-axis to display dates in order, but some of the points are still not showing. Here's a link for viewing the chart and editing - https://snack.expo.io/@anushkas/4cfb05 The very first label is suppose to be '09-10-2020' , it shows as '10-2020'. I am using react-native-svg-charts library.

I want to take user input and update my bar chart according to the Y-axis value the user inputs. However, my function updateArray currently is updating the bar chart. Any ideas?

I'm realtively new to react-native. All my projects were running fine in the morning, but somehow they stopped working. When I run react-native start and the react-native run-android, the app gets installed on the device but then this error props up which was not happening before.