Questions tagged [recharts]
Recharts is a composable charting library built on React components and D3
recharts
801
questions
0
votes
1
answer
732
views
React Warning: YAxis: Support for defaultProps will be removed from function components
I'm encountering a warning related to defaultProps in a React functional component, specifically in a component that uses recharts. The warning message is:
Warning: YAxis: Support for defaultProps ...
0
votes
0
answers
24
views
React - Recharts How to prevent active bar to change while still hovering on the tooltip
I am using this chart, the problem is my tooltip contains some links, and it's width extends the other bars, and when i want to click on the link, the tooltip changes to the next bar's tooltip.
Is ...
- 83
0
votes
0
answers
10
views
Rechart XAxis labels backgournd color
Having this recharts ResponsiveContainer
<ResponsiveContainer width="90%" height={400}>
<BarChart data={data} barSize={100}>
<CartesianGrid strokeDasharray=&...
-1
votes
0
answers
27
views
react recharts pie chart custom style
I developed an half donut pie chart but i could not add red circle to the point 2 pies touch each other
I need to add a red circle white bordered in pic below.
this is my component
import {
PieChart,...
- 15
1
vote
1
answer
29
views
Recharts Area chart is displaying in the incorrect position
I used a rechart library to visualize my data. But the rechart area chart is displayed y-axis values incorrectly. like Y-axis value: 107 but it's showing on position 70.
The chart area should display ...
- 53
0
votes
0
answers
60
views
How to render a React component inside of a Gridstack Widget?
I have the following issue: I am trying to render different React components (Rechart components with dummy data) inside some Gridstack widgets and I couldn't really find a staight forward example for ...
0
votes
0
answers
34
views
Recharts disable animation when refreshing the data
I am currently using an area chart from Recharts which i like very much. It animates when I load the page and looks very nice.
However, bec my data is live, I refetch updated data from the database ...
- 81
0
votes
0
answers
12
views
Rechart adjust title size to overflow text longer than x size on new line
(https://i.sstatic.net/glFdbOIz.png)
Here's an image to make it clearer for you and code
<ResponsiveContainer width="100%" height={400}>
<RadarChart cx="50%" cy=&...
0
votes
0
answers
29
views
How to place datalabels within container for recharts - PieChart when a label having longer text
I am using recharts library to plot pie chart in our react application. I have added the datalabels for each slice. The labels are cropping since it has larger length. Is there any way to wrap the ...
0
votes
0
answers
24
views
How to draw a doughnut chart with labels and segments in React?
I am trying to create a doughnut chart in React similar to the one in the attached image. The chart has different segments with labels on the outside and an image inside the doughnut hole. Each ...
0
votes
0
answers
40
views
React Recharts drawing ReferenceLine at the top of the chart
Chart Screenshot
i'm trying to draw a reference line at this AreaChart for threshold values, which is the Y value of the chart.
And the domain of the Y value is the cumulative amount of data traffic (...
0
votes
0
answers
29
views
The recharts library draws the Y axis incorrectly
The recharts library draws the Y axis incorrectly
enter image description here
code
<YAxis
type="number"
dataKey="response"
name="Response&...
0
votes
0
answers
21
views
Can recharts draw lines of data at different frequencies?
I am currently pulling my hair around a problem that sounds simple at first: I have data at different frequencies (e.g. 1 point every 15minutes for one series, and 1 every 1hour for another) that I ...
0
votes
0
answers
29
views
Issues with Recharts elements positioning on PDF export in Safari when changing page zoom
I'm facing an issue with exporting charts to PDF using the html-to-image and jspdf libraries. The charts are created using the Recharts library. When I change the page zoom in Safari, the elements in ...
0
votes
0
answers
48
views
how to make a rechart scale based on number of bars
I'm trying to make a set of vertical charts with different numbers of bars in each chart. I'd like the bar height and the gaps to be consistent so that the total height of the chart would be dynamic.
...
- 439