1

我有一个数据可视化，它目前根据对象是否有孩子为对象提供一个类，如下所示：

d3.json("skills.json", function(error, root) {
  var node = svg.datum(root).selectAll(".node")
    .data(pack.nodes)
    .enter().append("g")
    .attr("class", function(d) { return d.children ? "node" : "leaf node"; })

我想做的是根据他们的深度给他们一个不同的班级，或者至少根据他们是否有孩子的孩子，基本上像这样（虽然我不确定语法）：

.attr("class", function(d) { return d.children.children ? "node" ? d.children ? "branch" : "leaf node"; });

有谁知道这样做的正确方法？

4

2 回答 2

2

您可以使用array.some查看当前节点的任何子节点是否有子节点。

node.attr("class", function(d) {
  return d.children ? (d.children.some(function(c) { return c.children; })
      ? "grandparent" 
      : "parent")
      : "child";
});
于 2013-02-14T02:10:48.563 回答
0

D3.js API 包含一个未记录的方法d.depth，该方法从根开始跟踪节点的深度。

于 2015-08-27T02:59:54.683 回答