How can i make bar & pie charts in angular js

Problem

I want to make charts, bar chart and pie chart. it has to take inputs from user and maps that input to the chart on run time. Chart has to able to make changes as the user changing it on run time. it will be a great help. Thanks

Problem courtesy of: SajaWal NaWaz

Solution

You can use

  1. Angular chart (using Chart.js)
  2. Angular charts using D3
  3. Angular-nvD3
  4. You can use Google Charts also. You can use it with AngularJS
Solution courtesy of: Shiju K Babu

Discussion

I use data driven documents http://d3js.org/ there is also a good pluralsight course on getting started if you have a subscription.

http://www.pluralsight.com/courses/d3js-data-visualization-fundamentals

Discussion courtesy of: Nicholas J. Markkula

There are plenty of charting modules out there to choose from. http://ngmodules.org/modules?query=chart

Discussion courtesy of: RockinSocks

You can use the D3 library to write your own SVG data charts and then wrap them in Angular directives

or

You can use the Angular-nvd3 (it already has pie and bar charts) directives who already wrap D3 all you need is to define chart options and input your data

if you rather work with Canvas than SVG, there is vis.js

Discussion courtesy of: svarog

This recipe can be found in it's original form on Stack Over Flow.