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

时间:2012-09-20 19:04:52

标签: javascript jquery d3.js

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

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

  

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

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

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

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

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

2 个答案:

答案 0 :(得分:1)

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

编辑:API v4的更新链接

答案 1 :(得分:1)

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

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

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

相关问题