Charts in Angular 2+

angular graph angular2-forms angular4-forms
user8631713 picture user8631713 · Dec 14, 2017 · Viewed 22.3k times · Source

I want to create a graph similar to the picture I have attached or may be a bar graph. I am using Angular 4 and I have no idea about graphs in Angular. Is a reference link or some sample code available?

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

Answer

Shan-Desai picture Shan-Desai · Dec 14, 2017

My Suggestions would be:

  1. Ng-Charts
  2. D3.JS
  3. PrimeNG has a charts section
  4. Dagre.js for DAGs (unfortunately in javascript)

  5. Ngx-graph for nice DAGs but no documentation and weak support

  6. ngx-charts from swimlane

  7. HighCharts

  8. Cytoscape.js for Directed Graphs
  9. mermaidjs
  10. Canvas.js - Angular-focused charts instead of HTML.

Related questions

Can't bind to 'ngModel' since it isn't a known property of 'input'

I've got the following error when launching my Angular app, even if the component is not displayed. I have to comment out the <input> so that my app works. zone.js:461 Unhandled Promise rejection: Template parse errors: Can't …

Read More
ngFor with index as value in attribute

I have a simple ngFor loop which also keeps track of the current index. I want to store that index value in an attribute so I can print it. But I can't figure out how this works. I basically have …

Read More
Could not find module "@angular-devkit/build-angular"

After updating to Angular 6.0.1, I get the following error on ng serve: Could not find module "@angular-devkit/build-angular" from "/home/Projects/myProjectName". Error: Could not find module "@angular-devkit/build-angular" from "/home/Projects/myProjectName". at Object.resolve (/home/Projects/myProjectName/node_…

Read More