Automatically shift bottom legend down if the x-axis labels rotate / get longer
Nobody has claimed this yet.
- Dominant language
- JavaScript
- Stars
- 18.3k
- Forks
- 2k
- Avg merge
- 2d 12h
- Merged PRs (30d)
- 28
Description
When positioning the legend at the bottom of the chart, the placement works nicely if tick labels take up only one line. But if the labels take up more vertical space, they will draw over the legend.
It would be nice if the legend could be pushed down automatically to account for the extra space required.
As discussed before, let's revisit this in 6 - 8 weeks time when hopefully there will be more capacity for this complex issue.
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start with the corresponding CodePen to reproduce the overlap between rotated or multi-line x-axis labels and the bottom legend, then trace the chart layout and legend positioning entry points in plotly.js. Done means the legend is automatically shifted down whenever the labels require additional vertical space, without overlap.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript
- Domain
- data-visualization
- Issue type
- Feature
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100