Organigrama de JavaScript/Angularjs (nodos/bordes personalizados)

  • Estoy interesado en encontrar una biblioteca de código abierto que lea datos JSON para crear un diseño jerárquico para un organigrama. (No necesita física sofisticada)
  • En segundo lugar, necesito soporte para IE8.
  • Por último, necesito que se personalice, tanto los nodos como los bordes.

Me he encontrado con TONELADAS de bibliotecas y directivas, pero la mayoría parece no personalizable con los nodos y los bordes o muy hostil con ie8

Los que he probado

  • Gráficos de Google
  • Infovis
  • VisJS
  • Protovis
  • ConjuntoJS

Los enumerados anteriormente tenían problemas con la modificación simple de su diseño html, bordes, no eran compatibles con IE 8 o simplemente no funcionaban bien con angular.

¿Alguna sugerencia para un gráfico de red de jerarquía de nodo/borde que funcione con angularjs (1.2.x) e IE 8?

IE8 + Javascript avanzado es una contradicción en sí mismo. AngularJS ya no es compatible con IE8 desde 2014, solo lo hacen las versiones anteriores (1.2). Si necesita apuntar a IE8, HTML5 está fuera de discusión y debería considerar usar Flash, Silverlight o Java Applets en su lugar, que provienen de la misma era.

Respuestas (1)

KeyLines JS tiene un amplio soporte para navegadores, desde IE7. Si bien la API expuesta es siempre la misma, en los navegadores antiguos (IE7/8) tiene un renderizador Flash .

Además, hay una directiva Angular oficial (en versión beta) que los clientes ya han estado usando.

Nota : no es una biblioteca de código abierto, sino comercial.

Otra visualización de red js puede envolverse con una directiva Angular personalizada, pero puede que no sea trivial depurar y solucionar problemas, especialmente con navegadores antiguos. Por lo general, está bien si tiene que construir un proyecto por diversión o presumir, pero cuando se trata de producción, realmente no quiere jugar con él.

Descargo de responsabilidad : soy parte del equipo de desarrollo de KeyLines.

Para completar, eche un vistazo también a esta respuesta: Gráfico de red ampliable en AngularJS

¿Alguna buena razón para votar negativo?