Responsive label in AreaChart

[201flaviosilva]

Hey there,

I have a problem with my chart, the axis labels are not being positioned in the right place:

The DATA and MINUTES are under the chart ticks, how do I fix this?

<XAxis
  label="DATE"
  name="date"
  dataKey="date"
  padding={{ left: 42, right: 42 }}
/>
<YAxis label="MINUTES" name="minutes" dataKey="minutes" />

Code: https://bitbucket.org/201flaviosilva-labs/q-recharts-areachart-responsive-label/

[ckifer]

Hi @201flaviosilva

You can adjust theLabel by defining it with an object rather than giving a value directly

https://codesandbox.io/s/recharts-areachart-label-forked-58er5g?file=/src/App.js

label={{
      value: "MINUTES",
      angle: -90,
      position: "insideLeft"
}}

[201flaviosilva]

Hey, thx for your nice help :)