Label Rotate start too late, after they start overlapping

[SaiKiranTruviz]

I am using axisLabelRotate
Here the rotation start way too late after the labels are overlapped each other.

How can we fix this ?
@ColinEberhardt Can you suggest something ?

[h-sifat]

@SaiKiranTruviz I faced the same problem.

After some trying, I've come up with a hack to get around the problem. If you pad the tick labels with some non-breaking space then the labels don't collide anymore.

const padding = /* nbsp */ "\u00A0".repeat(4);
const xAxis = d3.axisBottom(xScale)
    .tickFormat((value) => `${padding}${value}${padding}`)