将数据库中的外部数据动态加载到d3.js中

Question

我正试图让动态重新加载在d3中工作，我在试图弄清楚如何刷新数据库中的数据时遇到了麻烦。

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

  

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

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

我对js和d3完全不熟悉，所以任何建议都会非常有用。

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

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

Answer 1

这可能会对您有所帮助：https://github.com/d3/d3-request/blob/master/README.md#request

编辑：API v4的更新链接

Answer 2

首先，您需要服务器上的一个页面，它将以JSON格式*输出数据。获得该页面后，从浏览器中调用它，您应该将编码数据显示在屏幕上（这将证明该页面已正确托管并返回数据）

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

*注意：我不熟悉PHP，但它应该有一个原生的JSON编码器，或者网上有一个库。你还需要确保你适当地设置响应mime类型 - 快速谷歌应该给你正确的mime类型 - 它类似于'application / json'我认为，但不记得我的头顶< / p>