Stack Overflow
Stack Overflow

Questions tagged [react-native-chart-kit]

73 questions
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 create a circle in the center of the pie chart in react-native-chart-kit?

I am using react-native-chart-kit. I have a pie chart. I need create a cicle white in middle of chart, but I do not find in the documentation any property or way to do it.
kiks
  • 23
  • 5
1
vote
0 answers

React Native Swiper - Rendering components in second page before first page

I am facing an issue with using React Native Swiper (https://github.com/leecade/react-native-swiper). When I render my View which wraps the Swiper component, all the components inside the Swiper component are displayed on the screen for a split…
rigidweight
  • 15
  • 1
  • 3
1
vote
1 answer

Unable to use Dynamic data into react-native-chart-kit

I tried to render fetched data from the firestore and display them into react-native-chart-kit. However, I always face the below error: invalidNumber: M0,0 L-Infinity,181 L64,181 I got data correctly from the database by this function: const…
Vahid Afshari
  • 49
  • 1
  • 5
1
vote
0 answers

Control interval for Labels on 'xAxis' in React Native Chart Kit

I created a Line Graph based on react-native-chartkit with user's weight data which changes over some period of time. I am trying to visualize the proper time interval between weight entries. Does anyone know if it is possible to control the space…
Agata Kosek
  • 31
  • 3
1
vote
1 answer

react-native-chart-kit's onDataPointClick not functional on web. Works on android

I'm using react-native-chart-kit in an expo project to graph data. I have set up onDataPointClick as below- and Expo snack here demonstrating the error: https://snack.expo.dev/@warm__tape/react-native-chart-kit-test
warm__tape
  • 250
  • 4
  • 19
1
vote
1 answer

different colors line chart with react native chart kit

I'm using react-native-chart-kit plugin and want to draw a line filled with green and red if goes outside of the blue zone, like in the picture. Can anyone say if it is possible and if so how can I achieve this? lineChart snack
David
  • 472
  • 10
  • 22
1
vote
1 answer

In react-native-chart-kit, how to display the line chart with min-max values or "fromZero"?

Hi Stack Overflow Community, I am creating a react native mobile application using expo. I would like to display the line chart of user-entered data using the library "react-native-chart-kit". I need to display the line chart with the minimum &…
Pavithra KS
  • 11
  • 2
1
vote
1 answer

React Native macOS Component Exception

I am new to React Native and I am trying to build a simple hello world of charting with react-native-chart-kit on macOS. I keep getting these Component Exception errors that I can't figure out how to resolve after much googling. Any help here would…
Ken
  • 83
  • 2
  • 7
1
vote
1 answer

How to load dynamic data to react-native-chart-kit StackedBar chart?

i am trying to put stack bar chart for dynamic data and the number of rows in a data.data array will be varying. I am not able to see the out of the graph properly. Can someone tell whats wrong in this? also i am not able to directly use state…
Prajna
  • 578
  • 4
  • 8
  • 23
1
vote
1 answer

How do I add Gradient Colour to this React Native Chart?

Current Implementation: This is a Chart using react-native-svg library with a tool-tip added to it. I want to make the color of the line into a gradient rather than a single color Code: import React, { useState } from 'react' import { View, Text,…
Blake
  • 157
  • 4
  • 13
1
vote
1 answer

react-native-chart-kit Line chart with 1 segment doesn't print y-label

I have the below code where there are only 2 values on the y-axis which means a single segment should suffice. But it turns out the y-label for the top line doesnt come up. Is there a fix for this? Current Chart state Below is the code I have…
varun naagaraj
  • 63
  • 1
  • 2
  • 8
1
vote
1 answer

React : data[0].toFixed is not a function. (In 'data[0].toFixed(decimalPlaces)', 'data[0].toFixed' is undefined)

I want to fetch numerical values through API call and represent them in graph using 'react-native-chart-kit', but its producing error data[0].toFixed is not a function. How to resolve this error?click here to view error class SecondActivity…
SHARAYU YADAV
  • 11
  • 2
1
vote
2 answers

How to resolve Error while updating property 'd' of a view managed by:RNSVGPath InvalidNumber

I need to load my SQL server data using react-native-chart-kit, but when I use this code I get this error : Error while updating property 'd' of a view managed by: RNSVGPath null InvalidNumber import React from "react"; import { Text, View,…
imanealami
  • 189
  • 5
  • 13
1
vote
0 answers

Exception thrown while executing UI block

I'm having an issue with expo and react-native-chart-kit. See screenshot: Expo SDK: 36.0.0 Thanks
ar1232
  • 11
  • 1
1 2
3
4 5