Estoy buscando una biblioteca de gráficos/gráficos de javascript que funcione bien con AngularJS. No tiene que ser gratis.
Tengo la intención de implementar principalmente gráficos de líneas, sin embargo, con cierta sofisticación, por lo que deberían ser altamente personalizables (por ejemplo, gráficos sincronizados, múltiples ejes, incluir líneas y puntos separados en el mismo gráfico, manejar hasta 10k puntos...)
Highcharts parece una biblioteca muy buena pero está basada en jquery. Tiene este contenedor: https://github.com/pablojim/highcharts-ng , pero dice allí que "Debido a muchas verificaciones de igualdad, la directiva puede ser lenta con grandes conjuntos de datos".
Otras opciones que estoy considerando:
Estoy abierto a más opciones...
ZingChart tiene su propia directiva AngularJS: https://github.com/zingchart/ZingChart-AngularJS
Tiene tres formas de inyectar datos en un gráfico, cada una con su propio costo de rendimiento y beneficio de funcionalidad. Describí cada uno de ellos aquí: http://www.zingchart.com/blog/2015/03/05/zingchart-angularjs/ .
Estoy en el equipo de ZingChart y por casualidad creé la directiva, así que no dude en comunicarse si tiene alguna pregunta.
Essential Chart for JavaScript también es otra opción a considerar. Aplicación de muestra simple: enlace .
Todo el conjunto de controles está disponible de forma gratuita a través del programa de licencia comunitaria , si reúne los requisitos. Nota: Trabajo para Syncfusion.
En mi proyecto usé D3.js y funcionó muy bien con AngularJS (v 1.2/1.3).
Creé algunas directivas nuevas relacionadas con el tipo de gráficos que necesitaba. No tuve problemas.
EDITAR:
D3.js crea un SVG para que la biblioteca maneje todo lo que SVG puede.
FusionCharts sería la biblioteca Javascript más adecuada según sus requisitos. La biblioteca tiene la Directiva FusionCharts-Angular , que hará que la creación de gráficos en su aplicación Angular sea muy sencilla. La biblioteca también le permite personalizar todos los atributos del gráfico para que su gráfico tenga el aspecto que desea.
También puedes leer esta guía rápida para crear gráficos en Angular .
Estaría encantado de ayudar si necesita más consejos.
Tomás
Erez Cohen
Mawg dice que reincorpore a Monica
Erez Cohen
Erez Cohen