Is it possible to position an XAxis?

Do you want to request a feature or report a bug?

Feature / Help needed

What is the current behavior?

Unable to override position of Axis component. I’m trying to achieve a design similar to this:

Is there any way to set the y position of an XAxis so that it’s not at the bottom of the chart?

[pratik-github]

.recharts-xAxis {
  transform: translate(0, -50%);  
}

would be tricky to identify and maintain easiest solution would be:

hide x-axis line using axisLine={false} and add referenceLine for y=0 so it will look like a X axis but at the right position.

<ReferenceLine purpose='fake x axis' yAxisId='left' y={0} stroke='#666666' />

[si-muhammad-usman]

.recharts-xAxis {
  transform: translate(0, -50%);  
}

Thanks. It’s working fro me.