如何在angularjs中呈现图表?

时间:2014-05-27 07:02:55

标签: angularjs d3.js charts highcharts

我是angularjs的新手 对于我的项目工作,我需要以图表的形式显示我从后端获得的数据 (饼图,条形图,柱形图等) 我用Google搜索,发现各种网站,如highcharts,d3,但不知道如何在angularjs中实现它们。 有没有这方面的教程? 如何让图表在angularjs中运行? 我是有角度的新手,也是全新的chart.Never之前曾经做过的。 有人可以指导如何使用图表进行策略以及如何将它们与angularjs集成吗?

2 个答案:

答案 0 :(得分:1)

也许可以试试这个网站http://chinmaymk.github.io/angular-charts/ 由于你是angularJS和图表的新手,让我给你一些提示(有些可能非常明显)。

  • angular是一个MVC框架
  • angular scope是您模型的应用程序上下文 - >所以你可以把MVC中的M视为角度
  • 中的范围
  • 图表只不过是数据可视化 - >这意味着它是MVC中的V
  • 如果您希望图表是交互式的,则控制器正在进行中。视图仅因模型更改而发生变化(这通过角度控制器发生)

答案 1 :(得分:1)

我个人偏好n3-chartsn3-pie-charts

  • 易于使用
  • 它具有很好的美学效果