We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
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
Open the codeSandbox
I need the overlapped (too long) text to word-wrap below, so it can be read
Text is overlapping
The text was updated successfully, but these errors were encountered:
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 tickFormatter
tickFormatter
We could potentially add a feature to wrap tick text using tspans, but recharts currently does not have anything that will do that
tspan
Sorry, something went wrong.
How tough :( could someone have a workaround to achieve this? Even if it's a solution outside of what recharts offers, still useful!
https://stackoverflow.com/questions/4991171/auto-line-wrapping-in-svg-text
We can use foreignObject and go outside of the svg container
No branches or pull requests
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: