Winkel-5 SVG Flussdiagramm npm-plugin

Hallo, ich bin mit Winkel-5 in meinem Projekt und brauche ich zum erstellen von Flussdiagrammen. Ich habe gesucht und fand einige plugins, aber Sie bieten nicht diese Funktionen, die ich benötige:

  1. die Fähigkeit zum hinzufügen/löschen/neu zeichnen der Knoten (Es sollte ein array von Knoten, so dass, wenn ich es aktualisieren, Flussdiagramm neu gezeichnet wird).
  2. legen Sie eine Beschriftung über Knoten und das hinzufügen von QuickInfos zu Ihnen.
  3. seins in der Lage, etwas zu tun beim Klick auf den Knoten.
  4. schwenken und Zoomen

Vielen Dank im Voraus

InformationsquelleAutor Kohtla | 2018-01-15
  1. 12

    Schlage ich vor ngx-graph hat alle Funktionen, die Sie gebeten haben. Werfen Sie einen Blick auf die demo.
    Hier ist die link bei github

    • Vielen Dank, dass ist genau das was ich brauchte. Aber wie kann ich update das Flussdiagramm? Ich push neue Elemente zu-Knoten-array, aber es ändert sich nichts.
    • Sie müssen zuweisen, das array (nicht sicher, ob umhängen ist das richtige Wort). drücken Sie neue Knoten wie dieser: this.nodes = [...this.nodes, theNewNode].
    • so ändern Sie Knoten-Stil, wie Diamant, auch Knoten, hintergrund, Symbol, wie, dass..?
    • AFAIK sollten Sie tun, dass Sie sich mit svg im template Ihres Diagramms.
    • Ist es möglich, eine palette, die wie ein Knoten-rot-Editor, um neue Komponenten hinzufügen /Knoten ? : merakidemo.internetoflego.com
    • Gibt es eine mock-Daten für dieses Diagramm?

    InformationsquelleAutor Vahid
  2. 2

    In einem kommerziellen Szenario, möchten Sie vielleicht zu schauen,yFiles for HTML. Es kann einfach alles tun, was Sie Fragen in Ihrer Liste und hat große Winkel-integration so dass Sie sowohl interaktiv als auch programmatisch ändern von Diagrammen, binden Sie Ihre Daten für das Auffüllen Ihrer graph-Struktur und die Darstellung Ihrer knotendarstellungen, tooltips, Kontextmenüs, etc.

    Die Bibliothek bietet die breiteste verfügbare Palette von automatische layout-algorithmen so dass Sie nicht brauchen, um zu arrangieren Sie Ihre Diagramm selbst, aber kann man schöne Zeichnungen von Daten gebunden, leicht.

    Obwohl es ist eine Reine JavaScript-Bibliothek, die es ermöglicht die komplette TS-Bindungen für die gesamte Bibliothek, so können Sie wählen zwischen JS und TS oder haben sowohl bei der Entwicklung und Holen Sie sich anständige code-Vervollständigung und Dokumentation nachschlagen.

    Disclaimer: ich arbeite für das Unternehmen schafft, die Bibliothek, jedoch glaube ich nicht darstellen, mein Arbeitgeber SO.

    • US $15.000+... ya... NÖ.
    • Ist das der Fall, werde ich eher wählen, um es zu entwickeln selbst. Dies wäre eine große Bibliothek, aber für meinen Bedarf zu viel vor allem für 15K. 😀
    InformationsquelleAutor Sebastian
Schreibe einen Kommentar