1

我在一个需要显示图表的 php 项目中。我打算使用 Morrisjs 来展示使用 Jquery。但我发现 angularjs 更有趣。有没有人可以告诉我如何在 angularjs 上使用带有 Ajax 的图表以及来自 php 返回的数据。

4

4 回答 4

1

在 AngularJS 的 Google 图表工具指令模块的链接下方

https://github.com/bouil/angular-google-chart

http://gavindraper.com/2013/07/30/google-charts-in-angularjs/

于 2013-08-24T11:02:48.937 回答
0

首先,您必须创建一个服务来获取您的数据。

看看这个 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/

于 2013-08-24T10:15:46.413 回答
0

在收到 Arthur 描述的数据后,下一步是将这些数据绑定到一个指令,该指令可以可视化您的数据。angular-chart为您完成这项工作。

这是一个易于使用的指令,将 D3.js 与 AngularJS 2-Way-DataBinding 连接起来。这样,只要您更改配置选项,图表就会自动更新,同时图表会保存其状态(缩放级别,...)以使其在 AngularJS 世界中可用。

查看示例以获得说服力。

于 2015-02-26T08:49:34.523 回答
0

如果您使用的是angularjs,则无需使用 jquery ajax。在 angularjs 的帮助下使用一切。

这是所有图表,请遵循它。首先使用虚拟数据(不要从数据库中检索)。

尝试实施。

于 2015-06-24T09:45:53.580 回答