Stack Overflow
Stack Overflow

Questions tagged [react-native-chart-kit]

73 questions
0
votes
0 answers

react-native-chart-kit : add Multiple values in same date

I'm using react-native-chart-kit to plot a Line chart with date in x axis. This is my data set to plot. { "labels":[ "18-03-2023", "18-03-2023", "03-05-2023", "29-05-2023", "30-05-2023", …
Pooja Rajendran C
  • 443
  • 5
  • 17
0
votes
1 answer

Error in React Native: ReadableNativeArray cannot be cast to com.facebook.react.bridge.ReadableMap when using react-native-chart-kit

I'm encountering an error in my React Native application when I attempt to fetch daily stock price data from the AlphaVantage API and display it using react-native-chart-kit. The specific error message is ReadableNativeArray cannot be cast to…
TTY
  • 1
  • 1
0
votes
1 answer

How to implement this chart with custom axis component in react-native?

I'd like to implement this chart in react-native app. I already found the several charts, but not sure how to implement the axios label component. Can anyone suggest me?
crystal_17
  • 719
  • 5
  • 13
0
votes
0 answers

Is there a way to add a custom background colour and data colour for each circle in the ProgressChart of react-native-chart-kit?

This is my ProgressChart const chartConfig = { backgroundGradientToOpacity: 0.5, color: (opacity = 1) => `rgba(26, 255, 146, ${opacity})`, };
lovestaco
  • 19
  • 3
0
votes
0 answers

Two different y-labels in Line chart into react-native-chart-kit

How to add a second y-axis label to the line Graph? Please check my Expo code: https://snack.expo.dev/@avijit07/9b11f6
Avijit
  • 17
  • 8
0
votes
1 answer

React Native Bar Chart within a scroll view is cut off

I have a problem where a react-native-chart-kit is within a horizontal scrollview but the rightmost part of the bar chart gets cut off at the end of the scrollbar import React, { useEffect } from 'react'; import { StyleSheet, ScrollView, View,…
CrookedNazgul
  • 1
0
votes
1 answer

Bar graph is not centering when using the bar graph from react-native-chart-kit module

I am trying to align this react-native-chart-kit bar graph to the center. Bar Chart This is code that I have currently:
Brandon Peterson
  • 13
  • 3
0
votes
0 answers

React Native Linechart update

I'm trying to build a React native app to visualize ECG graph. Here I'm taking the data from the ESP32 using Bluetooth. ECG digital data from ESP32 is posted for every 2milliseconds. I'm trying to fetch the data from the Bluetooth Socket when ever…
RAHUL MVR
  • 1
0
votes
0 answers

React Native Chart Kit automatic scale axis

Creating a Chart in React Native, I am using : react-native-chart-kit I can create Segment "segments : The amount of horizontal lines - default 4" but can"t find a way to do it with Vertical Lines. When Segment change, number of LABEL change…
Lucas
  • 85
  • 9
0
votes
0 answers

How to make horizontal bar chart with the help of react-native-chart-kit?

I need a bar chart like this in react native with the help of react-native-chart-kit library
Faizan Ali
  • 37
  • 5
0
votes
0 answers

Stack bar graph data with a differentiator line which shows exceed values

We need a bar chart library that can show the data in the graph, the same as attached in the image. are we need to show the data in the bar graph with a line that represents the user data limit? Chart image In the graph, the bar which grows above…
Rinku Khatri
  • 1
  • 1
0
votes
0 answers

java.lang.Double cannot be cast to abi47_0_0.com.facebook.react.bridge.ReadableMap (Error)

I Installed Rainbow-me animated chart, followed the proper steps provided, installed react-native-reanimated and followed each and every step similar. But I got the error mentioned above! Here is my code: ** HomeScreen.jsx : ** import React from…
Aayush Pandey
  • 11
  • 1
0
votes
1 answer

is there anymistake in my code i'm trying to fetch api on react native chart kit

i'm trying to fetch my json api on react native chart kit using async await but my code is giving error map is not defined.. here's error TypeError: Cannot read properties of undefined (reading 'map') here my code react native android import React,…
I'm RamOP
  • 1
  • 2
0
votes
1 answer

line chart has white space when using adjust Width react native Gifted Chart

I need to adjust and fix my chart width as per the data in the container, but when there is max data then it shows okay while there is min data then it will show some data and some white spaces, my requirement is just to remove white spaces and to…
farooq alam96
  • 55
  • 1
  • 6
0
votes
0 answers

Can't change background of chart with react-native-chart-kit

Same issue for both line graph and contribution graph. The background is always black contribution graph Tried to set chartConfig, not working. chartConfig={{ backgroundColor: "white", backgroundGradientFrom: "white", …
Nancy
  • 1
  • 1
  • 1
1 2 3
4
5