Chart does not resize/not responsive when parent container is resized

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

Maintainer antworten meist innerhalb von 1 Tag

Dieses Issue hat noch niemand übernommen.

Bewertung

Schwierigkeit
3/5
Geschätzter Aufwand
1-2 Tage
Anfängerfreundlichkeit
35/100
Issue-Typ
Bug
Klarheit
Muss geklärt werden
Aktivitätsstatus
Veraltet
Tech-Stack
angular, typescript
Bereich
frontend

Rechercherichtung

Beginne damit, das Diagramm innerhalb eines größenveränderbaren übergeordneten Elements wie angular-split oder einer Material-Komponente nachzubilden, und untersuche anschließend, wie der Angular-Wrapper derzeit auf Resize-Ereignisse des Browsers reagiert. Als erledigt gilt die Aufgabe, wenn das Diagramm seine Größe ändert, sobald sich die Größe seines übergeordneten Containers ändert, ohne manuell ein Resize-Ereignis des Browsers auszulösen.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Beschreibung

Seems the responsiveness only applies when the browser is resized, but not if the container is resize (say using angular-split or resize under material component etc), so the chart will not resize unless manually trigger the browser resize event in code. Is there any way to listen for resize event within a container?

Vorherrschende Sprache
TypeScript
Sterne
242
Forks
81
Ø Merge
23 Std. 52 Min.
Gemergte PRs (30 T.)
5

Entwicklungsumgebung

Dieses Projekt bietet weder Dev-Container noch Dockerfile noch Beitragsleitfaden – die Einrichtung liegt bei Ihnen. Beginnen Sie mit der README; die allgemeinen Schritte stehen in unserem Leitfaden für den ersten Beitrag.

Erste Schritte

  1. Lesen Sie das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreiben Sie ins Issue, dass Sie es übernehmen — das erspart doppelte Arbeit.
  3. Forken Sie das Repository und arbeiten Sie in einem Branch.
  4. Öffnen Sie einen Pull Request, der die Issue-Nummer nennt.

Mehr aus plotly/angular-plotly.js

Alle Issues in plotly/angular-plotly.js

Ähnliche Issues

Weitere Issues zu TypeScript

Neue Issues direkt in Ihr Postfach

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