我在一个需要显示图表的 php 项目中。我打算使用 Morrisjs 来展示使用 Jquery。但我发现 angularjs 更有趣。有没有人可以告诉我如何在 angularjs 上使用带有 Ajax 的图表以及来自 php 返回的数据。
4 回答
在 AngularJS 的 Google 图表工具指令模块的链接下方
https://github.com/bouil/angular-google-chart
http://gavindraper.com/2013/07/30/google-charts-in-angularjs/
首先,您必须创建一个服务来获取您的数据。
看看这个 plnkr http://plnkr.co/edit/KbBg67
$http.get('posts.json').success(function(data) {
而不是 posts.json 获取您的数据
在下面您可以看到我们如何将数据推送到数组中,该文件有很好的注释。
现在,您可以从控制器访问该数据。
现在您必须创建一个指令来呈现图表。
这是一个非常好的示例,可以根据您的需要进行调整。 http://eric-schaefer.com/blog/2013/07/26/rendering-flot-charts-through-angular-js/
在收到 Arthur 描述的数据后,下一步是将这些数据绑定到一个指令,该指令可以可视化您的数据。angular-chart为您完成这项工作。
这是一个易于使用的指令,将 D3.js 与 AngularJS 2-Way-DataBinding 连接起来。这样,只要您更改配置选项,图表就会自动更新,同时图表会保存其状态(缩放级别,...)以使其在 AngularJS 世界中可用。
查看示例以获得说服力。