plotly / plotly/plotly.js

Annotations can overflow out of the chart

Offen
#7,606 2 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

Minimal example of this:

<div id="graph" />
<script src="https://cdn.plot.ly/plotly-3.1.2.min.js"></script>
<script>
var layout = {
  annotations: [{
    "text": "No data is available to display. No data is available to display. No data is available to display. No data is available to display. No data is available to display. ",
    "font": {"size": 20}
  }]
};

Plotly.newPlot('graph', {
  'config': {},
  'data': [],
  'layout': layout
})
</script>
Image

Ideally this text would wrap so that it fits on the page

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 minimalen Beispiel, das Plotly.newPlot und ein annotations-Array verwendet, und verfolge anschließend, wie der Annotationstext gerendert wird, wenn das Diagramm keine Daten enthält. Vergleiche die resultierenden Diagrammabmessungen und das Textlayout mit dem beigefügten Screenshot. Als abgeschlossen gilt die Aufgabe, wenn langer Annotationstext umgebrochen wird oder anderweitig innerhalb des Diagramms/der Seite bleibt, ohne überzulaufen.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
javascript
Bereich
data-visualization
Issue-Typ
Bug
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.