I am using React Recharts for my visualization, however, I am having a challenge displaying a simple bar chart with different corresponding object contents.  [   {     "month": "2017-07",     "commodities": [       { "name...

I am trying to use recharts to implement a BarChart. But the width={600} and height={300} causes the Barchart to be absolute, not responsive. How to make the Barchart a responsive one? I tried using percentage as width={'50%"} height={"40...

I am using Rechart library and using AreaChartFillByValue. I am facing following issues  1) When I zoom in the chart goes outside the x-axis and when I zoom out it just reset to where it started for example: suppose the current starting point is 1 to...

I currently have a Recharts component that I would like to export as a PNG file.                       <LineChart                         id="currentChart"                         ref={(chart) => this.currentChart = chart}...

I have an StackedAreaChart and after I show areas on graph I want to add a custom dot.  Currently my code look like this but I want to draw a dot depend on XAxis and YAxis data. Does exist any way to pass x and y coordinates to a CustomizedDot class?...

When I'm using recharts to render a chart in in a wrapper which is RTL (for Arabic or Hebrew), the UI gets messed up. Does the library provide an API for RTL rendering?   <div className="right-to-left">      <PieChart width={400}...

I'm pretty new to both React and Recharts and I'm sitting with a bit of a predicament. I did quite a bit of reading up but I can't seem to find what I'm looking for, so I am hoping I can get some help here.   I have a dataset that inc...

I want to draw the graph using Recharts.  I am currently looking at the example given in the documentation on their website.  Once I copy their code into my application I encounter the following error:  'recharts' does not contain an export n...

I am using Recharts and have a component that displays a line chart followed by a bar chart. The two charts are displaying the same seven day span, but the ticks are not aligned. The line chart starts on the Y Axis line, while the bar chart has left...

I am using reachcharts in my react js project. I am trying to render a line chart with dates on x-axis and I want to align html table  elements with each date below the x-axis. How can I do this dynamically with reactcharts?  Currently it's a bit...