plotly / plotly/plotly.js

Get center node value of the rendered sunburst chart Plotly.js 2.2.0

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

Dieses Issue hat noch niemand übernommen.

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

Beschreibung

I am using plotly.js in my angular 10 app. Sunburst chart feature is working fine. I have a requirement where I need to take the center piece of the data rendered and use it to call a few webservices to populate other sections of the page.

Scenario 1 Works fine:
This works when I click from the initial root node and move towards the leaf (outer edges), because the outer edge value can be read using sun burst click event and eventually I know it is going to be the center piece.

Scenario 2 has problem
But when I try to click the center piece and move towards its parent (like reverse direction) , this center piece now becomes a leaf(becomes immediate outer edge) and its parent becomes the center piece, I wanted to know the center piece's value and use it to call other web services for my page. But I am unable to read the value of the center piece in this context.

I am curious to know how we can handle scenario 2. If there are properties/events to get hold of the center piece value after the chart is re-rendered, that will be great.

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

Reproduziere das Reverse-Navigation-Szenario in einer Angular 10-Anwendung mit Plotly.js 2.2.0 und untersuche anschließend die Ereignisdaten von Sunburst-Klick und erneutem Rendern. Als erledigt gilt die Aufgabe, wenn der Wert des zentralen Knotens nach einem Klick in Richtung seines übergeordneten Knotens verfügbar ist, sodass er die anderen Seitenabschnitte steuern kann.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

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