New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Stacking Xaxis dataKey text #4446
Comments
The Text component is an SVG and the SVG spec does not support word-wrapping I would recommend angling you ticks and potentially cutting them off at a certain length with We could potentially add a feature to wrap tick text using |
How tough :( |
https://stackoverflow.com/questions/4991171/auto-line-wrapping-in-svg-text We can use foreignObject and go outside of the svg container |
Reproduction link
Steps to reproduce
Open the codeSandbox
What is expected?
I need the overlapped (too long) text to word-wrap below, so it can be read
What is actually happening?
Text is overlapping
The text was updated successfully, but these errors were encountered: