如何在D3中使用XHR加载数据

Question

我正在我的localhost上试验D3。我想加载数据，以便从Internet上的外部源可视化。

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

我尝试了以下内容，它对我不起作用：

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

    alert(data); //no data is returned

});

由于

Answer 1

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

Answer 2

更新到更新：

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

更新

以防有人到达此处在d3中寻找xhr：d3-request模块现在支持此功能。

Answer 3

您的函数回调应该如下所示

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

这是javascript / node.js中的典型回调结构，error首先是data。