change color of YAxis or XAxis text

[Ali-Hussein-dev]

how can I change its color? I couldn't figure it out myself!

[jaytzanavar]

Hey man , Its not the most recommended practice but I ve changed the color of the axis through class css , with the attribute fill: color of your choice !important (for safety reasons :P )

[ckifer]

Hi

You can change it with the fill prop on the tick object prop of X or Y axis

<XAxis dataKey="name" tick={{ fill: "red" }}/>
<YAxis tick={{ fill: "blue" }} />

https://codesandbox.io/s/simple-line-chart-forked-wwpb8u?file=/src/App.tsx