Recharts — Is there a way to add a padding between the chart and labels for RadarChart?



I’m looking at the simple RadarChart example from their website and I would like to add some padding between the labels and the chart itself but there doesn’t seem to be a simple way to do this.

Can this be done somehow or can someone suggest another chart library I could use?

Answer

You can do it with CSS

those have .recharts-polar-angle-axis-tick-value class, so simply add css on it

.recharts-polar-angle-axis-tick-value {
    transform: translateX(-3rem);
}

enter image description here



Source: stackoverflow