Questions tagged [react-native-svg-charts]
52 questions
7
votes
1 answer
Multiple Line Charts using react-native-svg-charts
I am trying to put multiple line charts showing different data in one graph but am unable to do so in react-native using react-native-svg-charts.
xyz6675
- 355
- 2
- 6
- 17
4
votes
1 answer
EXPO react-native-svg Error:- "Error while updating property 'd' of a view managed by: RNSVGPath null . For input string: "c"
There seems to be an issue with the react-native-svg and android. This error is being thrown in my Android app only - the iOS app seems to be fine? The error message gives me no indication as to where the error may be occurring. Any ideas would be…
David Pears
- 435
- 2
- 6
- 17
2
votes
1 answer
X-axis labels in react-native svg-charts not showing correctly
I am having issues formatting my X-axis using react-native svg-charts. The top of the labels are being cut off and I am unsure if they are aligning correctly with the barchart elements. I have used content inset to try and align them manually and I…
Brendan McMahon
- 86
- 1
- 9
2
votes
1 answer
How to plot real time graph of firebase data using react native?
I'm new to React Native and I'm trying to plot a real time graph of data in the Firebase realtime database.
This is my database structure :
I am trying to plot a Line Chart using 'react-native-svg-charts' where the X axis has the date values and…
Suman Shaw
- 133
- 3
- 10
2
votes
1 answer
React native svg bar chart for multiple lists; how can i separate the 2 bars
React native svg bar chart for multiple lists;
how can i separate the 2 bars like this image?
bar-chart
current progress
how can i achieve this?
Code so far:-
my code so far:
import React, {Component} from 'react'
import { View, StyleSheet} from…
Eman El Fahham
- 61
- 6
2
votes
0 answers
Charts with date as x-axis using react-native-svg-charts
I have a dataset
2019/1/1 - 14
2019/1/5 - 18
2019/2/19 - 17
2019/3/15 - 18
that I want to show in a line diagram in my React Native app. I use react-native-svg-charts for my charts, and while I'd prefer using that I'm of course willing to look at…
niklassaers
- 8,480
- 20
- 99
- 146
1
vote
0 answers
How to search the JSX file in react native
I have a svgComponent JSX file in react native. in that I have almost 200 path components. i want to plot some circle on this world map based on data getting from API.
how to search the path component and get cx and cy values from path in JSX,given…
Manish Kumar
- 997
- 2
- 13
- 30
1
vote
0 answers
React native svg not working on RN Version 0.71.2
Im trying to add svg on RN app. for that installed npm dependencies: 1) react-native-svg 2) react-native-svg-transformer. but may be due to latest React Native version 0.71.2 it is not working.
import React from 'react';
import {View} from…
Humendra
- 11
- 1
1
vote
0 answers
react-native-svg-chart Yaxis points goig out of range
*Y-axis labels are reformatted value/60 *
Y-axis Max point is at 170 which is going out of graph.
Graph height is not adjusting according to the highest point of the Y-axis value.Also plotted graph for values going upto 200 above which is plotted…
Neeleshwar Kumar
- 335
- 3
- 13
1
vote
1 answer
React native svg charts border radius from top
import React from 'react'
import { BarChart, Grid } from 'react-native-svg-charts'
import { Defs, LinearGradient, Stop } from "react-native-svg";
class ColorBarExample extends React.PureComponent {
render() {
const data = [
…
Rover
- 661
- 2
- 18
- 39
1
vote
1 answer
How to add dots to the points on my line chart in react-native-svg-charts?
I am able to plot the line chart using react-native-svg-charts, now i want to plot dots on the points in the dataset like shown below, it is provided in the library itself, but i cannot figure out how to use it.
Ankush
- 61
- 4
1
vote
1 answer
react-native-svg-charts x date axis all labels are on the same position
I have tried different settings for the chart, but can't make the labels for the X axis dates show correctly. All labels are displayed on the same place, even if there are different dates and the chart displays well:
Here is my code:
import { View…
Rodrigo Schneider
- 317
- 2
- 5
- 17
1
vote
1 answer
react-native-chart-kit Pie chart any modification or any property
In react-native-chart-kit Pie chart is there any property or modification to set legend like this?? and also click to show tooltip ?.
Tushar Kotecha
- 764
- 2
- 7
- 27
1
vote
1 answer
How to onPress and other Color in barChart on react-native-svg-charts
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…
hong developer
- 13,291
- 4
- 38
- 68
1
vote
1 answer
RNSVGTSpan was not found in UI manager in React Native
I got the below error frequently.
ERROR : Invariant Violation: requireNativeComponent: "RNSVGTSpan" was not found in the UIManager.
this is my dependencies:{
"react-native-svg": "^12.1.0",
"react-native-svg-charts": "^5.4.0",
}
Yogaraja Subbiah
- 11
- 1