Truncated text on x-axis for XY chart when using angle prop

[dalyemmett]

Hey guys,

Back again.

I've another issue. When I have a really long label for a x-axis tick and I add a rotation angle for the tick, the label text is clipped by the parent boundaries.

I've updated a codesandbox here

Reference image:

Any ideas how I can increase the x-axis space?

[williaster]

Hey @dalyemmett you just need to adjust the chart margin (docs)

https://codesandbox.io/s/ecstatic-rosalind-kk8ic?file=/src/App.js