plotly / plotly/react-plotly.js

Trigger click on treemap tile

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

Dieses Issue hat noch niemand übernommen.

Vorherrschende Sprache
JavaScript
Sterne
1.1k
Forks
138
Ø Merge
3 T. 2 Std.
Gemergte PRs (30 T.)
4

Beschreibung

https://plotly.com/javascript/treemaps/

I have a treemap that has nested leaves.

  • root > category > protocol

When the treemap initializes, it starts by showing all the categories at the root, but I have a dropdown selector component outside of the chart that I want to be able to select a category through and it will have the ability to update the chart to simulate what would essentially be a mouse click on the category tile, which would zoom into that specific category and it's nested protocols?

Is there a simple way to indicate to plotly to pan to that category based on the category selected from a separate component?

Beitragsleitfaden

Für dieses Repository ist kein Beitragsleitfaden indexiert

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

Beginnen Sie mit der verlinkten Plotly-Treemap-Dokumentation und dem Aktualisierungsverhalten von react-plotly.js-Diagrammen. Prüfen Sie, wie eine Treemap mit root > category > protocol auf eine externe Auswahl reagiert, und verifizieren Sie anschließend, dass die Auswahl einer category aus dem Dropdown dieselbe vergrößerte Ansicht erzeugt wie die Auswahl ihres Tiles.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
javascript, react
Bereich
data-visualization, frontend
Issue-Typ
Feature
Schwierigkeit
4/5
Geschätzter Aufwand
3-5 Tage
Aktivitätsstatus
Veraltet
Klarheit
Muss geklärt werden
Anfängerfreundlichkeit
28/100

Neue Issues direkt in Ihr Postfach

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