Axis ticks and title may overlap after scrolling axis
Open
Nobody has claimed this yet.
bug
P3
- Dominant language
- JavaScript
- Stars
- 18.3k
- Forks
- 2k
- Avg merge
- 2d 12h
- Merged PRs (30d)
- 28
Description
An axis title that is drawn to fit inside the space between axis tick labels will not be pushed outwards correctly when tick redraws (through zooming in the plot, scrolling the axis up and down) cause an overlap.
- To reproduce: See this CodePen and either zoom in on the plot or grab and drag the axis to create overlap between the axis tick labels and axis title.
- Temporary workaround: Set
layout.yaxis.automargin=trueandlayout.yaxis.title.standoff=0to force the axis title to be drawn outwards from the tick labels.
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 linked CodePen reproduction and trace the axis tick redraw behavior triggered by zooming or dragging the axis. Check how the axis title is positioned relative to tick labels during those updates. Done means the title no longer overlaps the tick labels after zooming or scrolling, without requiring the documented workaround.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript
- Domain
- data-visualization
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100