Skip to main content
68 questions
Newest Active Bountied Unanswered
Filter by
Sorted by
Tagged with
3 votes
1 answer
216 views

I'm using a custom render on the dots to print the abbreviated value above the dot instead of using a y axis legend. However, the top-most value gets cut off by the upper boundary of the chart's ...
Designly's user avatar
  • 540
0 votes
1 answer
477 views

I want to edit the style of my chart as follows: But I have come to this point: Where the only thing I would be missing is to make the line a little sharper and not look like it has opacity and ...
PsychoMx's user avatar
  • 202
0 votes
1 answer
416 views

I have this error every time I install react-native-chart-kit using expo and try to run the server ERROR Invariant Violation: Tried to register two views with the same name RNSVGRect, js engine: ...
RoAJ's user avatar
  • 1
2 votes
1 answer
775 views

LineChart As you can see on the provided image, I have a Line chart from react-native-gifted-chart with pointerLabels. My issue is when I want to visualize a pointerLabel on the ends of my chart, the ...
dgnotset's user avatar
  • 61
0 votes
1 answer
444 views

I am using the react-native-chart-kit library to create a line chart in my React Native application. Currently, I have implemented a basic line chart with a single color for the line. However, I would ...
Asusoft's user avatar
  • 372
1 vote
1 answer
1k views

Im developing the react native app using expo cli, i have a screen with lineChart from react-native-chart-kit. My app working fine in expo go app but when im build the app using eas build to make it ...
Mike Gerard Suico's user avatar
  • 13
1 vote
0 answers
502 views

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", ...
Pooja Rajendran C's user avatar
  • 462
0 votes
1 answer
580 views

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 ...
TTY's user avatar
  • 1
0 votes
1 answer
293 views

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's user avatar
  • 747
0 votes
1 answer
2k views

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 '...
CrookedNazgul's user avatar
  • 1
0 votes
1 answer
2k views

I am trying to align this react-native-chart-kit bar graph to the center. Bar Chart This is code that I have currently: <BarChart data={{ labels: ["SU", "...
Brandon Peterson's user avatar
  • 13
1 vote
1 answer
509 views

I want to remove all the strokes from this graph except the bottom one. I've tried going through the react-native-svg documentation and through the react-native-chart-kit documentation but I can't ...
DuckBio's user avatar
  • 21
0 votes
1 answer
215 views

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') ...
I'm RamOP's user avatar
  • 1
0 votes
1 answer
4k views

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 ...
farooq alam96's user avatar
  • 57
1 vote
1 answer
3k views

Is there a way to give a custom space/padding in between x-axis Labels in React-Native-Chart-Kit? Example if we have labels from Jan-Dec, x-axis labels in the chart gets very compact. And even if we ...
sasikaadesh's user avatar
  • 23
1 vote
1 answer
587 views

I am trying to give space in chart and number and wants to make bar chat curve from top Like there in number coming on top of chart I have to give space on that and make the chart curve from top. ...
abhigyan kr's user avatar
  • 155
4 votes
2 answers
3k views

I'm working on Line Chart with react-native-chart-kit. What I'm trying to achieve is, to show dot on a specific data point only and hide dots for all other points. Is it possible? How can I accomplish ...
Hanzla's user avatar
  • 284
1 vote
1 answer
801 views

I am trying to be able to use react-native-chart-kit. I installed react-native-chart-kit and react-native-svg by npm. react-native : "0.69.5" After running the following command: npx react-...
Raana Tashakori's user avatar
  • 467
5 votes
0 answers
978 views

This is what i tried: and it doesn't work i need to make multiple bars like so: multiple bars chart <BarChart style={{ marginVertical: 8, borderRadius: 8 }} data={{ labels:...
Ahmed Hassan's user avatar
  • 49
0 votes
1 answer
763 views

using the library react-native-chart-kit but fonts not working with this library code below used for line chart using fontFamily "Montserrat-Regular" <LineChart data={{ ...
deepanshu katyal's user avatar
  • 681
2 votes
0 answers
970 views

In my react-native-chart-kit pie chart, there will always be either absolutely no data (which I won't show the pie chart at all) or there are exactly two pieces of data. By default, the legends are ...
Monte Chan's user avatar
  • 1,203
0 votes
1 answer
498 views

We're developing a react native mobile application where we need to generate several different types of graphs (plots, charts, line, etc.) and then convert those graphs into PDF format where we could ...
Lucky Mike's user avatar
  • 807
2 votes
1 answer
1k views

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's user avatar
  • 774
1 vote
1 answer
781 views

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's user avatar
  • 23
1 vote
0 answers
793 views

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 ...
rigidweight's user avatar
  • 15
2 votes
1 answer
1k views

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 ...
Vahid Afshari's user avatar
  • 87
1 vote
0 answers
463 views

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 ...
Agata Kosek's user avatar
  • 31
2 votes
1 answer
910 views

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-...
warm__tape's user avatar
  • 80
4 votes
0 answers
2k views

Is there a way to add x and y axis labels to a line chart from the ReactNative Chart kit? For example, in this graph generated with python you can see that the x and y axes are labeled "Year"...
Amy L's user avatar
  • 91
1 vote
3 answers
2k views

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 ...
David's user avatar
  • 512
0 votes
1 answer
2k views

I am using BarChart from react native chat kit and i want to achieve following design so far i have reached this but still not able to achieve fully.. kindly help me in the actual bar design this is ...
Mukash Wasti's user avatar
  • 151
2 votes
2 answers
4k views

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"...
Pavithra KS's user avatar
  • 21
1 vote
1 answer
303 views

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 ...
Ken's user avatar
  • 83
2 votes
1 answer
592 views

I am using @rainbow-me/animated-charts to make simple charts but the line path seems to be missing. I copied the code below from their NPM github but it only shows a black box (i'm assuming its just ...
Nathan Belete's user avatar
  • 21
0 votes
1 answer
1k views

I was trying to make responsive the chart of react native, According to there documentation if you want to responsive the chart you have to put below code. I checked others code but theirs's are ...
coderDaiyan's user avatar
  • 1
0 votes
1 answer
210 views

I trying the below logic to display dynamic data in my react native. But it only shows data one time, if I refreshes my app, it gives error again and again: Error is like undefined is not an object('...
Dhanjay Bhardwaj's user avatar
  • 86
2 votes
0 answers
983 views

can any one help me with this. I want to create a graph similar to the one in this Picture. I have searched alot and came across this awsome library react-native-chart-kit. It is easy to make bar ...
hamzaahzam's user avatar
  • 450
1 vote
1 answer
3k views

I'm react-native-chart-kit for barchar I want to show months-wise data in the chart but when I set data in the chart it's cutting. look at the picture I share & code const data = { labels: [ ...
Akshay I's user avatar
  • 4,255
5 votes
1 answer
4k views

so I want to draw two lines on my chart, I gave each line a different color using color. I want to give each line a different shadow as well. However by changing withShadow, it will either true for ...
GHOST's user avatar
  • 293
5 votes
5 answers
10k views

I really like how neat react-native-chart-kit is, however I am having a problem with how it display the data. it use the lowest point in your data as the as the bottom and the highest as the top. ...
GHOST's user avatar
  • 293
4 votes
1 answer
8k views

I want to put in Ylabels these variables [80,90,100] but the graph starts from the min variable i put in the array I found a way to do it in line chart but it does not work on BarChart const data = { ...
soger's user avatar
  • 41
3 votes
0 answers
376 views

I'm trying to export a chart created with react-native-chart-kit to a PDF document with expo-print. I'm having a hard time trying to do so. I can't find the way to render the chart inside the PDF, it ...
lpcuellar's user avatar
  • 85
1 vote
1 answer
750 views

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 ...
Prajna's user avatar
  • 668
3 votes
4 answers
15k views

I am using https://www.npmjs.com/package/react-native-chart-kit and am trying to make a chart to match the following design spec: I can get most of the options to work with the code attached at the ...
kinghenry14's user avatar
  • 1,185
3 votes
1 answer
6k views

I'm using react-native-chart-kit to display and am trying to change the y-axis (see screen shot below). I tried filling the yLabels property with an array of strings. But that didn't work. Any help ...
Feni Herbert's user avatar
  • 75
2 votes
1 answer
7k views

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, ...
Blake's user avatar
  • 177
2 votes
1 answer
3k views

Background: I am trying to add a tooltip to a react-native-svg chart following this tutorial. The link to the tutorial: Link Current Code Implementation: import React, {useState} from 'react'; import {...
Blake's user avatar
  • 177
0 votes
0 answers
215 views

How to display Y-values on top of the bar. Npm react-native-pure-chart <PureChart height={180} defaultColumnWidth={20} data={salesData} ...
srikanth's user avatar
  • 3
0 votes
1 answer
345 views

I'm building an app using React Native. I'm fetching an array of values fetched from a database in order to provide users a line chart which refresh every X seconds ( 3s atm ). This works fine on iOS ...
JSharles's user avatar
  • 687
1 vote
1 answer
4k views

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? ...
varun naagaraj's user avatar
  • 103

1
2