plotly / plotly/plotly.js

Chart title does not obey responsive layout

Offen
#5,109 3 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Dieses Issue hat noch niemand übernommen.

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

Beschreibung

Hi, I was following this https://plotly.com/javascript/responsive-fluid-layout/ and it made my chart responsive but the title does not wrap and gets truncated on mobile.

image

Link to code: https://gist.github.com/aadibajpai/b0c11721056325d4892cf926b950cdb1#file-snippet-html

and link to production: https://vanderbilthustler.com/category/coronavirus/

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 verlinkten Beispiel für ein responsives fluides Layout und dem bereitgestellten gist, und reproduziere dann die Kürzung des Diagrammtitels in einem Viewport in mobiler Größe. Verfolge das Layoutverhalten des Titels im relevanten Plotly.js-Code; abgeschlossen ist die Aufgabe, wenn lange Diagrammtitel im responsiven Layout umgebrochen werden oder anderweitig sichtbar bleiben.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
javascript
Bereich
data-visualization, frontend
Issue-Typ
Bug
Schwierigkeit
3/5
Geschätzter Aufwand
1-2 Tage
Aktivitätsstatus
Veraltet
Klarheit
Größtenteils klar
Anfängerfreundlichkeit
45/100

Neue Issues direkt in Ihr Postfach

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