d3.js - 如何在 D3 中使用 XHR 加载数据

Question

我正在我的本地主机上试验 D3。我想从 Internet 上的外部源加载要可视化的数据。

我正在寻找如何在 D3 中使用 XHR 加载数据的说明/示例（这里有文档，但对我来说还不够，我正在寻找代码片段https://github.com/mbostock/d3/维基/请求）

我尝试了以下方法，但对我不起作用：

d3.xhr("http://example.org/json-test.json", function(data){

    alert(data); //no data is returned

});

谢谢

Answer 1

在最新版本的 D3 中，回调的第一个参数是错误（如果有），第二个参数是数据。第一个参数（您正在检查）中没有数据表明请求成功。有关更多详细信息，请参阅文档。

Answer 2

更新到更新：

d3-request 模块已被d3-fetch模块取代。它处理 JSON、CSV、TSV 和纯文本。

更新：

以防有人来这里寻找d3： d3-request模块xhr现在支持此功能。

Answer 3

您的函数回调应如下所示

                                                       v---- missing param
d3.xhr("http://example.org/json-test.json", function(error, data){
    // code...
});

这就是 javascript/node.js 中典型的回调结构，errorfirst then data。