ngx charts

gráficos NGX

¡Marco de gráficos declarativos para Angular!

Los gráficos NGX son únicos porque no solo envolvemos D3, ni ningún otro motor de gráficos. Está utilizando Angular para renderizar y animar los elementos SVG con toda su bondad de encuadernación y velocidad, y usa D3 para las excelentes funciones matemáticas, escamas, eje y generadores de forma. Al hacer que Angular haga todo el renderizado, nos abre a infinitas posibilidades que proporciona la plataforma angular, como AOT, SSR, etc.

La visualización de datos es una ciencia, pero eso no significa que tenga que ser fea. Uno de los grandes esfuerzos que hemos realizado al crear este proyecto es hacer que las listas estén estéticamente agradables. Los estilos también son completamente personalizables a través de CSS, por lo que puede anularlos como desee.

Además, la construcción de gráficos personalizados es posible aprovechando los diversos componentes de gráficos NGX que están expuestos a través del módulo NGX-Charts.

Para obtener más información, consulte la documentación y las demostraciones.

Características

Tipos de gráficos

• Gráficos de barras horizontales y verticales (estándar, agrupado, apilado, normalizado)
• Línea
• Área (estándar, apilada, normalizada)
• Pie (explotable, cuadrícula, leyendas personalizadas)
• Burbuja
• Rosquilla
• Calibre (lineal y radial)
• Mapa de calor
• Treemap
• Tarjetas numéricas
• Diagrama de Sankey

Personalización

• Autoscalado
• Filtrado de la línea de tiempo
• Interpolación de línea
• Etiquetas de eje configurables
• Leyendas (etiquetas y gradiente)
• Posicionamiento de etiqueta avanzado
• Soporte de datos en tiempo real
• Tras de herramientas avanzadas
• Manitizadores de eventos de punto de datos
• Funciona con NGUPGRADE

Instalar

Para usar gráficos NGX en su proyecto, instálelo a través de NPM:

 npm i @swimlane/ngx-charts --save

Gráficos personalizados

Para aprender a usar los componentes NGX Charts para crear gráficos personalizados y encontrar ejemplos, consulte nuestra página de cuadros personalizados.

Liberar

• Checkout Master ( git checkout master )
• Pull Master ( git pull )
• Actualizar módulos de nodo ( npm ci )
• Ejecutar pruebas ( npm test )
• Examine el registro para determinar la próxima versión (xyz)
• Ejecutar git checkout -b release/XYZ
• Actualice la versión en projects/swimlane/ngx-charts/package.json .
• Actualizar ChangeLog en projects/docs/changelog.md
• Ejecutar git commit -am "(release): XYZ"
• Ejecutar git tag XYZ
• Ejecutar git push origin HEAD --tags
• Run npm run publish:lib
• Enviar PR

Créditos

ngx-charts es un proyecto de código abierto de Swimlane; Creemos en retribuir a la comunidad de código abierto al compartir algunos de los proyectos que construimos para nuestra aplicación. Swimlane es una plataforma automatizada de operaciones de seguridad cibernética y respuesta a incidentes que permite a los equipos de seguridad cibernética aprovechar la inteligencia de amenazas, acelerar la respuesta de incidentes y automatizar las operaciones de seguridad.

Secops Hub es una comunidad en línea abierta, agnóstica de productos para que los profesionales de la seguridad compartan ideas, casos de uso, mejores prácticas y estrategias de respuesta a incidentes.