javascript - 将外部数据从数据库动态加载到 d3.js

Question

我正在尝试让动态重新加载在 d3 中工作，但我在尝试弄清楚如何从数据库中刷新数据时遇到了问题。

我有一个数组，其中包含的值应该每秒更改:

var data = [1,2,3,4];

在我最初的脚本中，我让 PHP 从数据库中提取数据来设置数组，重新加载页面可以正常工作，但我想使用 d3 的重新加载功能来获取新数据并重新绘制图表.

我对 js 和 d3 完全陌生，所以任何建议都会非常有帮助。

我尝试使用 jQuery 的 get 命令来调用输出值的外部 PHP 脚本，但这似乎不起作用。

我基本上是在尝试从 Google Analytics 实时显示中复制条形图。

Answer 1

首先，您需要在服务器上有一个页面，该页面将以 JSON 格式*输出数据。一旦你有了那个页面，从浏览器调用它，你应该让编码数据出现在屏幕上(这将证明页面被正确托管并返回数据)

接下来，按照 Yeco 发布的 D3 文档链接上的简单示例进行操作。您需要将虚拟 URL 替换为新数据页面的地址，并将您自己的函数调用插入其中以使用新数据重绘图表。

*注意:我不熟悉 PHP，但它应该有一个 native JSON 编码器，或者可以在网上找到一个库。您还需要确保正确设置响应 mime 类型 - 快速谷歌应该会给您正确的 mime 类型 - 我认为它类似于“application/json”，但不记得我的头顶