php - 使用带有 angularjs 的图表

Question

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

score 1 · Accepted Answer

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

score 0 · Accepted Answer

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

    $http.get('posts.json').success(function(data) {

而不是 posts.json 获取您的数据

在下面您可以看到我们如何将数据推送到数组中，该文件有很好的注释。

现在，您可以从控制器访问该数据。

现在您必须创建一个指令来呈现图表。

score 0 · Accepted Answer

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

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

查看示例以获得说服力。

score 0 · Accepted Answer

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

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

尝试实施。

4 回答 4