Bar plot inside large scrollable div

Offen
#299 0 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

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
javascript, plotly, react

Rechercherichtung

Beginne damit, das einfache Plotly CodePen mit dem im issue verlinkten plotly-react CodePen zu vergleichen, und konzentriere dich darauf, wie das große scrollbare div und das gestapelte Balkendiagramm konfiguriert sind. Erledigt ist die Aufgabe, wenn die React-Version den scrollbaren Container vollständig ausfüllt und dabei mehr als 10k Balken unterstützt.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Beschreibung

Hi,

I am trying to fit a large stacked bar plot inside a scrollable div. It needs to be scrollable as the number of bars might be very high (over 10k). I have managed to this using plotly and no react involved here: https://codepen.io/FilomenoSanchez/pen/ZEoPOPQ. This is really close to what we want in the final product.

However, the final app is written using react, and the problem starts when I try to do the same using plotly-react: the plot doesn't expand to fill up the entire scrollable div. This is what I've got instead: https://codepen.io/FilomenoSanchez/pen/VwxRogq

Apologies if this has been already asked elsewhere, I just couldn't find any related issues. Thanks!

Vorherrschende Sprache
JavaScript
Sterne
1.1k
Forks
138
PR-Merge-Kennzahlen
Keine gemergten PRs in 30 T.

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/react-plotly.js

Alle Issues in plotly/react-plotly.js

Ähnliche Issues

Weitere Issues zu JavaScript

Neue Issues direkt in Ihr Postfach

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