Questions tagged [react-native-chart-kit]
73 questions
0
votes
0 answers
How to display the days on contributions using react-native-chart-kit
I'm using react-native-chart-kit to create a contributions chart (Examples shown below). However, it's clear that the Days contributions have taken place on are not easily visible. It would be useful if the squares contained the day number. Does…
J.Fair
- 15
- 6
0
votes
0 answers
React native chart kit - Change the vertical labels
I am new to React native chart kit. What I'm trying to do is to create a simple bar chart with 4 columns. But I don't know how to move the vertical label column to the left to create more space. Please help me if you know! Thank you in advance!
And…
Huy Quang
- 11
- 5
0
votes
1 answer
React Native Mobile Application - Generating a graph and converting to a PDF within react native
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 download or send the graphs as pdf files outside…
Lucky Mike
- 779
- 2
- 6
- 17
0
votes
1 answer
Barchart design in react native chat kit
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 my code
Mukash Wasti
- 135
- 1
- 16
0
votes
1 answer
react native chart kit responsive is not working
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 working. I tried so much But I can't resolve it
import…
coderDaiyan
- 1
- 1
0
votes
1 answer
Dynamic data not displaying in react native?
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('data.map') kind of....Can anyone help me if the…
Dhanjay Bhardwaj
- 86
- 3
- 16
0
votes
1 answer
react-native-chart-kit barchart graph cutting
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: [
'Jan',
'Feb',
'Mar',
'Apr',
'May',
…
Akshay I
- 3,675
- 1
- 34
- 57
0
votes
0 answers
Bar chart: How to show y values on top of the every bar(react-native-pure-chart)
How to display Y-values on top of the bar. Npm
react-native-pure-chart
srikanth
- 3
- 4
0
votes
1 answer
What can make a functionality run a simulator and not on the device?
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 simulator but when it comes to deploy to…
JSharles
- 565
- 1
- 5
- 16
0
votes
1 answer
Refresh Graph on button click
I am trying to create a button in my app which will refresh random data in a graph (made using react-native-chart-kit) using a React Native Button Component. My Code is below:
import * as React from 'react';
import {useState} from 'react';
import {…
arc-menace
- 435
- 6
- 19
0
votes
1 answer
Pull values from Firebase database and render in a React-Native-Chart-Kit
I am trying to pull down values from my Firebase realtime database and store them in the data section of a basic react-native-chart-kit. I am able to pull down the values but every time I try to insert the data into the data parameter of the chart,…
Eoin Rockall
- 19
- 7
0
votes
1 answer
Tried to register two views with the same name RNSVGRect
Facing this issue, when I am using two libraries react-native-d3multiline-chart for line chart and for the bar chart I am using react-native-svg-charts. Both the libraries are using same react-native-svg, when I am using react-native-svg, it is…
Raj Kumar Vishwakarma
- 26
- 1
- 6
0
votes
3 answers
react-native-chart-kit error while updating property "d" of a view managed by RNSVGPath:
I am using react-native-chart-kit pie chart.
In the data array, instead of writing a number in the population, I am writing “this.state.data” as shown below since I am getting the numbers from an API.
const pieData1 = [
{
name: ': East',
…
Asyya Al Shehhi
- 17
- 5