I’m working on a LineChart using Recharts where I have two Y-axes representing different datasets. I want to align the zero points of both Y-axes so that they are centered in the chart. Here is my current setup:

I’m working on a LineChart using Recharts where I have two Y-axes representing different datasets. I want to align the zero points of both Y-axes so that they are centered in the chart. Here is my current setup:

I’m encountering a warning related to defaultProps in a React functional component, specifically in a component that uses recharts. The warning message is:

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 segment is also color-coded.
Here is the screenshot of the chart I am trying to achieve: