web-dev-qa-db-fra.com

Graphiques angulaires 2+

Je veux créer un graphique similaire à l'image que j'ai jointe ou peut-être un graphique à barres. J'utilise Angular 4 et je n'ai aucune idée des graphiques dans Angular. Un lien de référence ou un exemple de code est-il disponible?

[! [Graph] [1]] [1]

angulargraphangular2-formsangular4-forms
7
user8631713

Nous pouvons répondre à vos besoins en utilisant Syncfusion Angular-charts. Pour plus de détails sur Syncfusion Angular-charts, veuillez trouver ci-joint des liens démo et FT.

Exemple: https://stackblitz.com/edit/angular-zo5arc?file=src/app/app.module.ts

Capture d'écran:  Syncfusion ng-charts

FT: https://www.syncfusion.com/angular-ui-components/angular-charts

Lien de démonstration: https://ej2.syncfusion.com/angular/demos/#/material/chart/spline

UG: https://ej2.syncfusion.com/angular/documentation/chart/getting-started

1
D.Dharanidharan

Mes suggestions seraient:

  1. Ng-Charts
  2. D3.JS
  3. PrimeNG a une section de graphiques
  4. Dagre.js pour les DAG (malheureusement en javascript)

  5. Ngx-graph pour les DAG de Nice mais pas de documentation et support faible

  6. graphiques ngx de swimlane

  7. HighCharts

  8. Cytoscape.js pour les graphes dirigés
  9. mermaidjs
  10. Canvas.js - Graphiques axés sur les angles au lieu de HTML.
18
Shan-Desai

Vous pouvez utiliser Plotly.js . Ce n'est pas un module angulaire mais peut être utilisé dans votre application angulaire. Cest ce que j’utilise.

Il y a aussi eCharts j’ai utilisé une fois et il est très puissant et a une bonne interface utilisateur

0
Ulrich Dohou