Graphiques dans Angulaire 2+

Je veux créer un graphique semblable à l'image que j'ai jointe ou d'un graphique à barres. Je suis à l'aide Angulaire 4 et je n'ai aucune idée sur les graphiques Angulaire. Est un lien de référence ou un exemple de code disponible?

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

InformationsquelleAutor | 2017-12-14
  1. 2

    Nous pouvons réaliser votre exigence en utilisant Syncfusion angulaires-graphiques. Pour plus de détails sur Syncfusion angulaires-graphiques veuillez trouver ci-joint la démo et FT liens.

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

    Capture d'écran:
    Graphiques dans Angulaire 2+

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

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

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

    InformationsquelleAutor D.Dharanidharan
  2. 24

    Ma suggestion serait:

    1. Ng-Cartes
    2. D3.JS
    3. PrimeNG a un les graphiques de la section
    4. Dagre.js pour les DAGs (malheureusement en javascript)

    5. Ngx-graphe de nice DAGs, mais pas de la documentation et du faible soutien

    6. ngx-des tableaux à partir de swimlane

    7. HighCharts

    8. Cytoscape.js pour les Graphes orientés
    9. mermaidjs
    10. Canvas.js - Angulaire axée graphiques au lieu de HTML.
    • Ng-Cartes homme étonnant 🙂
    • Vous pouvez accepter la réponse si vous le trouvez utile.
    • puis-je connecter mon mongodb avec ce..
    • ma solution serait de créer une API REST pour obtenir des informations de MongoDB en JSON, puis de les utiliser JSON Angulaire pour afficher les données sur le frontend. Je pense que c'est possible. Commencer à chercher pour le REPOS de l'API dans MongoDB requêtes
    • merci. Connaissez-vous le nom de la carte, j'ai joint?
    • ng-cartes semble avoir seulement certains des graphiques disponibles ...u peut suggérer quoi que ce soit d'autre qui agit comme un wrapper sur d3.js et nous pouvons tirer presque tout type de graphiques...
    • >presque toutes les cartes, je suggère fortement de coller avec d3.js pour cette question. J'ai été à l'affût d'une telle bibliothèque mais je n'ai pas eu de percée.
    • href="https://swimlane.github.io/ngx-charts/" >swimlane.github.io/ngx-graphiques est un wrapper pour ng2 d3.js

    InformationsquelleAutor Shan-Desai
  3. 0

    Vous pouvez utiliser Plotly.js. Ce n'est pas un Module Angulaire, mais peut être utilisé à l'intérieur de votre angulaire de l'App. C'est ce que j'utilise.

    Il est également eCharts une fois, j'ai utilisé et il est très puissant et a une bonne INTERFACE utilisateur

    InformationsquelleAutor Ulrich Dohou