Question

我目前正在尝试使用D3.json函数自定义一个示例，例如this ... http://bl.ocks.org/1377729来获取json数据。

目前我一直试图这样做：

     d3.json("http:", function(json) { 

     var nodes = [];
     var labelAnchors = [];

这里我试图导入该功能，但它没有做任何事情

     for(var i = 0; i < 30; i++) {


            var node = json;
            nodes.push(node);
            labelAnchors.push({
                node : node
            });
            labelAnchors.push({
                node : node
            });
        };

我也尝试将该函数放入.text函数

     anchorNode.append("svg:text")
            .text(function(d, i) {return i % 2 == 0 ? "" : d.node.json  })
            .style("fill", "#555")
            .style("font-family", "Arial")
            .style("font-size", 12);

有人可以告诉我，我出错了吗

Answer 1

首先通过单步执行json数组来构建nodes数组和labelAnchors数组。

   for (var i = 0; i < json.length; i++) {
     var node = json[i];
     nodes.push(node);
     labelAnchors.push({
       node : node
     });
     labelAnchors.push({
       node : node
     });
   };

该示例依赖于具有名为label的键的对象，而在您的情况下，该键称为Name。因此，您需要将示例代码调整为：

anchorNode.append("svg:text")
    .text(function(d, i) {
      return i % 2 == 0 ? "" : d.node.Name;
    })
    .style("fill", "#555")
    .style("font-family", "Arial")
    .style("font-size", 12);

使用D3.json函数导入json数据

1 个答案: