如何在 angular js 中制作条形图和饼图？

How can I make bar & pie charts in angular js?

我想制作图表、条形图和饼图。它必须接受用户的输入并在 运行 时间将输入映射到图表。

图表必须能够随着用户在 运行 时间更改它而进行更改。

您可以使用 D3 库编写自己的 SVG 数据图表，然后将它们包装在 Angular 指令中

或

您可以使用已经包装 D3 的 Angular-nvd3（它已经有饼图和条形图）指令 您只需要定义图表选项并输入您的数据

如果您更愿意使用 Canvas 而不是 SVG，可以使用 vis.js

我使用数据驱动文档 http://d3js.org/ 如果您订阅了，还有一个很好的入门课程。

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

您可以使用

  1. Angular chart (using Chart.js)
  2. Angular charts using D3
  3. Angular-nvD3
  4. 您也可以使用 Google Charts。您可以将它与 AngularJS
    5. 一起使用

有很多图表模块可供选择。 http://ngmodules.org/modules?query=chart

如果您玩得开心Javascript，您还可以使用指南： https://canvasjs.com/html5-javascript-pie-chart/