ngx charts

NGX-chart

Cadre de cartographie déclarative pour Angular!

Ngx-chart est unique car nous n'enroulons pas simplement D3, ni aucun autre moteur de graphique d'ailleurs. Il utilise Angular pour rendre et animer les éléments SVG avec toutes ses bontés de liaison et de vitesse, et utilise D3 pour les excellentes fonctions mathématiques, échelles, axes et générateurs de forme. En ayant Angular, faites tout le rendu, il nous ouvre à des possibilités infinies que la plate-forme angulaire offre comme AOT, SSR, etc.

La visualisation des données est une science, mais cela ne signifie pas qu'elle doit être laide. L'un des grands efforts que nous avons faits lors de la création de ce projet est de rendre les graphiques esthétiquement agréables. Les styles sont également entièrement personnalisables via CSS, vous pouvez donc les remplacer à votre guise.

En outre, la construction de graphiques personnalisés est possible en tirant parti des différents composants NGX-Starts qui sont exposés via le module NGX-Carts.

Pour plus d'informations, consultez la documentation et les démos.

Caractéristiques

Types de graphiques

• Graphiques à barres horizontaux et verticaux (standard, groupé, empilé, normalisé)
• Doubler
• Zone (standard, empilé, normalisé)
• Tarte (explosage, grille, légendes personnalisées)
• Bulle
• Donut
• Jauge (linéaire et radial)
• Masse thermique
• Tramper
• Cartes de numéro
• Diagramme de Sankey

Personnalisation

• Automatiquement
• Filtrage de chronologie
• Interpolation de ligne
• Étiquettes d'axe configurables
• Légendes (étiquettes et dégradé)
• Positionnement avancé de l'étiquette
• Prise en charge des données en temps réel
• Infiltrations avancées
• Gestionnaires d'événements de point de données
• Fonctionne avec nGupgrade

Installer

Pour utiliser NGX-Chart dans votre projet, installez-le via NPM:

 npm i @swimlane/ngx-charts --save

Graphiques personnalisés

Pour apprendre à utiliser les composants NGX-Starts pour créer des graphiques personnalisés et trouver des exemples, veuillez vous référer à notre page de graphiques personnalisés.

Libérer

• Checkout Master ( git checkout master )
• Tire Master ( git pull )
• Modules de nœud de rafraîchissement ( npm ci )
• Exécuter des tests ( npm test )
• Examiner le journal pour déterminer la version suivante (XYZ)
• Exécuter git checkout -b release/XYZ
• Mettre à jour la version dans projects/swimlane/ngx-charts/package.json .
• Mettre à jour les changelog dans projects/docs/changelog.md
• Run git commit -am "(release): XYZ"
• Exécuter git tag XYZ
• Exécuter git push origin HEAD --tags
• Exécuter npm run publish:lib
• Soumettre des relations publiques

Crédits

ngx-charts est un projet de source ouverte de Swinklane; Nous croyons à redonner à la communauté open source en partageant certains des projets que nous construisons pour notre application. Swimlane est une plate-forme automatisée des opérations de cybersécurité et des incidents qui permet aux équipes de cybersécurité de tirer parti des renseignements sur les menaces, d'accélérer la réponse aux incidents et d'automatiser les opérations de sécurité.

Secops Hub est une communauté en ligne ouverte, agnostique et en ligne pour que les professionnels de la sécurité partagent des idées, des cas d'utilisation, des meilleures pratiques et des stratégies de réponse aux incidents.