javascript - d3 v4 : Tree map is giving NaN for x and y

Question

我有一些树形数据，我使用 d3.stratify 对其进行分层，这给了我我所认为的正确的数据结构(它有子项、数据和父项)。然而，当我通过 d3.tree() 时，x 和 y 值都是 NaN，这使得无法绘制它们。根据我见过的示例，我不需要运行 d3.hierarchy()自 stratify为我做到这一点，我尝试使用 hierarchy()无论如何都没有成功。

我尝试做 JSON.stringify(data)将数据粘贴到此处，但它给了我一个关于无法将循环结构转换为 JSON 的错误，因此这也不起作用。我所知道的是，每一层(除了顶层)都有​​一个 children数组，一个 data对象和一个parent对象，所以这一切似乎都是正确的。

编辑:我尝试了一些测试数据( from this link )，但 x 和 y 仍然得到 NaN。我复制了treeData，把它通过d3.hierarchy然后通过这个tree()调用，x 和 y 仍然为 NaN。

var treeMap = d3.tree()
                .size(width, height2); // 1020, 170 in my case.

var treeData =
  {
    "name": "Top Level",
    "children": [
      { 
        "name": "Level 2: A",
        "children": [
          { "name": "Son of A" },
          { "name": "Daughter of A" }
        ]
      },
      { "name": "Level 2: B" }
    ]
  };

treeData = d3.hierarchy(treeData, function(d) { return d.children; });
var nodes = treeMap(treeData); // gives NaN x and y values.

Answer 1

啊，如此简单却又如此愚蠢。我没有将 ([height, width]) 传递给树函数，而是将 (height, width) 传递给树函数，所以它当然失败了。给它正确的数组就可以解决所有问题。