Questions tagged [react-charts]
The react-charts tag has no usage guidance.
14
questions
0
votes
0
answers
15
views
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 ...
0
votes
0
answers
10
views
Change point size dynamically
Is it possible to change the point style of a line chart dynamically? Specifically, when clicking on the legend item.
For example, here the line width changes, but the points in the graph don't.
...
0
votes
0
answers
16
views
React Graph - % of times under values
Data :
Times to do a task (5, 10, 15, 20, 25, 30 minutes for example)
What I want :
X-AXIS : % of times
Y-AXIS : Times (5, 10, 15, 20, 25, 30, 35)
Create a react graph that displays the % of times (X ...
1
vote
0
answers
55
views
How to center align all bars in bar graphs in Chart.js (without adding null labels)?
I want to add space between two bars in vertical bar graph using react-chart-js
in below image I want to center align all the bars in Bar graph at center by adding some extra space to left and right ...
1
vote
0
answers
15
views
React charts breaking the lines issue
I am using React-Charts 3.0.0-beta.38.
I am getting these charts (image below) when having a value equals null, I want something similar to spanGaps that exists on chartjs
https://www.chartjs.org/docs/...
0
votes
0
answers
46
views
X-axis does not show all the labels on google charts
I want to plot the date vs the number graph with react google charts.
I have the array of data and it has 93 entries. I have the data from 2015 to 2022 for every month. Means there will be 12 entries ...
2
votes
0
answers
123
views
React-Bootstrap tabbed component changes size of default active tab content
I have a tabbed component made with react boostrap. I have 4 different charts (made with react-charts js 2). Each of them is a child to a parent Tab. So far I did pretty well; I was able to give them ...
0
votes
0
answers
496
views
I want to update my x axis of Line Chart into equal intervals of 10 in react charts. I have the start and end time
I have the start and end time in my x axis, but I want to display upto 10 time intervals on my x axis. For example if my start time is 10:00 am and end time is 10:30, I want to show 10:00am, 10:05am, ...
0
votes
0
answers
59
views
React ChartJS - difficulty manipulating data to a certain format
I have data stored in MongoDB that looks like this: (Example of 1 document below)
{_id: XXX,
project: 'Project ABC',
amount: 300,
expenseIncurredDate: 2022-03-15T08:24:46.000+00:00
}
I am trying ...
1
vote
4
answers
6k
views
react-chart2: giving me Cannot read properties of undefined (reading 'map')
I am trying to use react-chartjs-2 in my project to create a chart and I am getting the following error:
TypeError: Cannot read properties of undefined (reading 'map')
setDatasets
C:/Users/vivek/code/...
0
votes
1
answer
62
views
Why "min" and "max" properties doesn't effect react-charts vertical axis?
I'm trying to plot a line chart using the "react-charts" repository in a ReactJs app.
Unfortunately I couldn't find documentation for this repository, but only examples. I understand it is ...
1
vote
0
answers
1k
views
How to style the axis label for a bar chart using React-chartjs-2
bar-chart
I have to make a bar chart like in the photo above which has rounded corners with a linear gradient background and the x-axis label should also have a background and rounded corners using ...
0
votes
2
answers
2k
views
How to customize Recharts Scatter circle size
I wanted to customize Recharts Scatter circle size. Is there any docs for all possible custom options?
<ScatterChart
width={400}
height={400}
margin={{
...
6
votes
2
answers
538
views
Convert react-charts funtion component example to class component
Hey I'm having a lot of trouble trying to implement this example into my React project. The example is different to how I've set mine up and I can't convert it from their way to my way. I have a graph ...