Autoexpand does not work for axes
Nessuno ha ancora preso questa issue.
- Lingua principale
- JavaScript
- Stelle
- 18.3k
- Fork
- 2k
- Merge medio
- 2g 12h
- PR unite (30g)
- 28
Descrizione
Seems like autoexpand does not work (or I do something wrong). In the example below, I increased y axis tick label size and font size, so they consume much more space, but margins are not adjusted, and labels are partially hidden outside of the chart container.
Reproduction
https://codepen.io/shadow-identity/pen/abeQprO
This is slightly modified example from the documentation: https://plotly.com/javascript/line-and-scatter/#line-and-scatter-plot
What is modified:
- y axis tick values increased to have more symbols
- y axis tick font size increased
- I also tested it with explicitly set
margin: {autoexpand: true}, but it does not change anything
Expected results
Grid size should be reduced (margin should be added to the left) to keep y axis ticks visible
Actual results
Y axis ticks are partially hidden
Environment
Chrome 130, Firefox 133 beta
Plotly from https://cdn.plot.ly/plotly-2.35.2.min.js
Additional info
At the same time, legend seems to increase corresponding margin. I increased the name length of one of the series to check if it will expand the margin, and it works.
Guida per i contributori
Apri la guida per i contributori
Come iniziare
- Leggi tutta la issue e poi la guida ai contributi del progetto.
- Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
- Fai un fork del repository e lavora su un branch.
- Apri una pull request che faccia riferimento al numero della issue.
Direzione di ricerca
Inizia con la riproduzione in CodePen e confrontala con l'esempio collegato della documentazione di Plotly relativo a grafici a linee e a dispersione, usando Plotly 2.35.2. Verifica perché l'ingrandimento delle etichette dell'asse y non attiva l'espansione del margine sinistro, mentre la legenda più lunga sì; il lavoro è completo quando le etichette dell'asse y rimangono completamente visibili senza impostare manualmente il margine.
Scritto dal modello di indicizzazione a partire dal testo della issue.
Valutazione
- Stack tecnologico
- javascript
- Ambito
- data-visualization
- Tipo di issue
- Bug
- Difficoltà
- 4/5
- Tempo stimato
- 3-5 giorni
- Stato di attività
- Ferma
- Chiarezza
- Abbastanza chiara
- Idoneità per principianti
- 42/100