plotly / plotly/plotly.js

Automatically shift bottom legend down if the x-axis labels rotate / get longer

Offen
#7,415 1 Kommentar 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Dieses Issue hat noch niemand übernommen.

bug community P1
Vorherrschende Sprache
JavaScript
Sterne
18.3k
Forks
2k
Ø Merge
2 T. 12 Std.
Gemergte PRs (30 T.)
28

Beschreibung

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.

Image

Corresponding codepen

As discussed before, let's revisit this in 6 - 8 weeks time when hopefully there will be more capacity for this complex issue.

Beitragsleitfaden

Beitragsleitfaden öffnen

Erste Schritte

  1. Lies das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreib ins Issue, dass du es übernimmst — das erspart doppelte Arbeit.
  3. Forke das Repository und arbeite in einem Branch.
  4. Öffne einen Pull Request, der die Issue-Nummer nennt.

Rechercherichtung

Beginne mit dem entsprechenden CodePen, um die Überlappung zwischen gedrehten oder mehrzeiligen x-axis-Beschriftungen und der unteren Legende zu reproduzieren, und verfolge dann die Einstiegspunkte für das Chart-Layout und die Positionierung der Legende in plotly.js. Erledigt ist dies, wenn die Legende automatisch nach unten verschoben wird, sobald die Beschriftungen zusätzlichen vertikalen Platz benötigen, ohne dass es zu einer Überlappung kommt.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
javascript
Bereich
data-visualization
Issue-Typ
Feature
Schwierigkeit
4/5
Geschätzter Aufwand
3-5 Tage
Aktivitätsstatus
Veraltet
Klarheit
Größtenteils klar
Anfängerfreundlichkeit
35/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.