Ich suche eine Javascript-Grafikbibliothek (besser, reagieren).

Ich suche lange nach einer Graphbibliothek, die unterstützt, nachdem ich vis.js, echarts, recharts usw. ausprobiert habe.

Die Projektanforderung ist:

  • zusammenklappbarer Baum durch Klick-Knoten
  • Ereignisse an Knoten / Kanten
  • Label / Tooltip auf Kante und Knoten

Reagieren und rendern Sie HTML-Komponenten besser als Knoten und Kanten.

Hast du jemals eine Lösung gefunden? Jetzt fange ich an React Native zu codieren & hätte gerne so etwas :-)

Antworten (2)

Wie Sie wahrscheinlich bereits wissen, wird D3JS von vielen als die beste JS-Diagrammbibliothek angesehen, die es gibt - sehen Sie sich einfach die großartigen Beispiele an

Googeln collapsible D3JShat ein paar Treffer gefunden, also sieht es so aus, als wäre es machbar. Ich habe keine Zeit, weiter nach den genauen Implementierungsdetails zu suchen, also googlen Sie bitte und untersuchen Sie dies selbst.

Siehe zum Beispiel https://stackoverflow.com/questions/30496291/how-to-create-d3-js-collapsible-force-layout-with-non-tree-data

Und diese Demo .

Da ist deine Antwort, aber du musst codieren :-)

Ich google schon viel. Wenn es keine andere Wahl gibt, können wir einfach d3 verwenden. tnx
Wenn ja, akzeptieren Sie bitte die Antwort - nicht weil ich die Punkte haben möchte, sondern weil es anderen helfen wird, die diese Frage in Zukunft lesen. Wenn Sie denken, dass es nicht hilft, dann akzeptieren Sie es nicht; Ich habe nichts dagegen und werde dir auch in Zukunft helfen :-)
Ich möchte nur einen Moment warten. Vielen Dank
Das ist völlig in Ordnung - vielleicht kommt jemand mit einem besseren Vorschlag. Wenn sie dies nach einer Woche oder so nicht tun, dann wird es anderen helfen, die dies in Zukunft lesen, wenn Sie dies akzeptieren. Ich erkläre es nur, weil du neu bist. Es ist auch vollkommen akzeptabel, eine Antwort auf Ihre eigene Frage zu posten und diese zu akzeptieren, da dies auch anderen helfen wird.

Mein Vorschlag ist, die Syncfusion React Diagram - Bibliothek auszuprobieren.

Ich habe ein Beispiel mit zusammenklappbaren Knoten mit Beschriftung, QuickInfo und Benachrichtigung unter Verwendung von Diagrammereignissen erstellt. Finden Sie das Beispiel unter dem folgenden Link.

Beispiel: https://xvk22yvl4.codesandbox.io/ Quelle: https://codesandbox.io/s/xvk22yvl4

In diesem Beispiel habe ich ein Klickereignis für den Knoten erstellt. Wenn Sie auf einen Knoten klicken, wird eine Warnmeldung angezeigt. Eine vollständige API-Dokumentation finden Sie hier

Weitere verwandte Links:

Tooltip-Demo , UG zum Erstellen von Etiketten mit Anmerkungen

Hinweis: Ich arbeite für Syncfusion

Ich suche eine Javascript-Grafikbibliothek (besser, reagieren).
AntwortenHierDatenschutz-Bestimmungen1y, 0v