JavaScript/Angularjs-Organigramm (benutzerdefinierte Knoten/Kanten)

  • Ich bin daran interessiert, eine Open-Source-Bibliothek zu finden, die JSON-Daten liest, um ein hierarchisches Layout für ein Organigramm zu erstellen. (Es braucht keine ausgefallene Physik)
  • Zweitens brauche ich Unterstützung für IE8.
  • Zuletzt muss es angepasst werden, sowohl die Knoten als auch die Kanten.

Ich bin da draußen auf TONNEN Bibliotheken und Direktiven gestoßen, aber die meisten scheinen sowohl mit den Knoten als auch mit den Kanten nicht anpassbar oder sehr unfreundlich mit ie8 zu sein

Die ich ausprobiert habe

  • Google-Diagramme
  • Infovis
  • VisJS
  • Protovis
  • JointJS

Die oben aufgeführten hatten entweder Probleme mit der einfachen Änderung ihres HTML-Layouts, der Kanten, waren nicht mit IE 8 kompatibel oder funktionierten einfach nicht gut mit Angular.

Irgendwelche Vorschläge für ein Knoten-/Kantenhierarchie-Netzwerkdiagramm, das mit anglejs (1.2.x) und IE 8 funktionieren würde?

IE8 + erweitertes Javascript ist ein Widerspruch in sich. AngularJS unterstützt IE8 seit 2014 nicht mehr - nur noch ältere (1.2) Versionen. Wenn Sie auf IE8 abzielen müssen, kommt HTML5 nicht in Frage und Sie sollten stattdessen die Verwendung von Flash, Silverlight oder Java Applets in Betracht ziehen, die aus derselben Zeit stammen.

Antworten (1)

KeyLines JS hat eine breite Unterstützung für Browser, seit IE7. Während die exponierte API immer dieselbe ist, hat sie in alten Browsern (IE7/8) einen Flash-Renderer .

Außerdem gibt es eine offizielle Angular-Direktive (in der Beta) dafür, die Kunden bereits verwendet haben.

Hinweis : Es handelt sich nicht um eine Open-Source-Bibliothek, sondern um eine kommerzielle.

Andere js-Netzwerkvisualisierungen können Wrapper mit einer benutzerdefinierten Angular-Direktive sein, aber es ist möglicherweise nicht trivial, Probleme zu debuggen und zu beheben, insbesondere bei alten Browsern. Es ist normalerweise in Ordnung, wenn Sie ein Projekt zum Spaß oder zum Angeben erstellen müssen, aber wenn es um die Produktion geht, möchten Sie wirklich nicht damit herumspielen.

Haftungsausschluss : Ich bin Teil des Entwicklerteams von KeyLines.

Schauen Sie sich der Vollständigkeit halber auch diese Antwort an: Zoombarer Netzwerkgraph in AngularJS

Gibt es einen guten Grund für eine Ablehnung?