plotly / plotly/plotly.js

Autoexpand does not work for axes

Aperta
#7,266 2 commenti 0 reazioni 0 assegnatari Vedi su GitHub

Nessuno ha ancora preso questa issue.

documentation feature P3
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

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. 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

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.