plotly / plotly/plotly.js

Boxplot has horizontal axis ticks overlap axis title

Aperta
#7,515 1 commento 0 reazioni 0 assegnatari Vedi su GitHub

Nessuno ha ancora preso questa issue.

bug P2
Lingua principale
JavaScript
Stelle
18.3k
Fork
2k
Merge medio
2g 12h
PR unite (30g)
28

Descrizione

While zooming in and dragging a categorical boxplot, I got in a state where the longer labels of the horizontal axis, that are displayed in an angle, overlap the horizontal axis title. To get to this state, one has to zoom in so that only shorter labels are displayed oblique, then drag the plot so that a long label appears in the corner of the plot, without getting over the axis title. I noticed that the title moves upper when I leave my mouse button. Then click to drag again until the longer label is over the axis title.
If from step 1 I drag more so that the longer label is over the axis title, and I release the mouse button, the plot moves a bit up so that the label does not overlap the title.

Step 1: zoom in to only see short labels:
Image

Step 2: drag to the right to make a long label appear on the left:
Image
notice the title moved upper (this is important in order to reproduce) instead of staying on the bottom of the div

Step 3: drag to the right so that the long label overlaps the title
Image

From step 1, if you drag directly to a position similar to step 3, you'll get into a state where there is no overlap:
Image

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 riproducendo l’interazione con il boxplot categoriale usando la sequenza in tre passaggi di zoom e trascinamento dell’issue, in particolare il rilascio intermedio che sposta il titolo verso l’alto. Esamina il comportamento del layout delle etichette degli assi e del titolo del boxplot coinvolto nella sequenza; il lavoro è completato quando le etichette lunghe e inclinate dell’asse orizzontale non si sovrappongono al titolo dell’asse dopo il trascinamento, mentre il percorso di trascinamento diretto rimane corretto.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Valutazione

Stack tecnologico
javascript
Ambito
data-visualization
Tipo di issue
Bug
Difficoltà
3/5
Tempo stimato
1-2 giorni
Stato di attività
Ferma
Chiarezza
Abbastanza chiara
Idoneità per principianti
45/100

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.