javascript - 显示折叠树中的子级数

Question

我正在使用 mbostock 的 Collapse tree 。

我需要显示子节点的数量以及每个节点中的节点名称，例如“flare (10)”、“analytics (3)”。

我尝试使用...

  nodeEnter.append("text")
  .attr("x", function(d) { return d.children || d._children ? -10 : 10; })
  .attr("dy", ".35em")
  .attr("text-anchor", function(d) { return d.children || d._children ? "end" : "start"; })
  .text(function(d) { return d.name + " (" + d.children.length() + ")"; })
  .style("fill-opacity", 1e-6);

但这似乎不起作用。如何获取节点的子节点数？

Answer 1

您的方向是正确的，但您的代码存在两个问题。

1. 长度是 Javascript 中数组的一个属性，因此无需括号即可访问它:

   >>> L = [ 1, 2, 3 ]
   >>> L.length
   3
   

2. 您需要考虑以下事实:某些节点 d 具有 d.children，某些节点具有 d._children ，有些根本没有 child 。尝试这样的事情:

   .text(function(d) {
       var numChildren = 0;
       if (d.children) numChildren = d.children.length;
       else if (d._children) numChildren = d._children.length;
       return d.name + " (" + numChildren + ")";
   })
   

这就是你得到的: