javascript - D3.js 树 - 如果没有 child ，检查并设置填充圆节点白色？

Question

如何检查节点是否有 child ，如果没有 child ，如何将圆的填充设置为白色？

目前正在使用:

var colourScale = d3.scale.ordinal()
  .domain(["MD", "Professional", "Leader", "Advocate", "Clinician"])
  .range(["#6695c8", "#cd3838", "#d48440", "#a8ba5f", "#63b7c0"]);

nodeUpdate.select("circle")
    .attr("r", 10)
    .attr("fill-opacity","0.7")
    .attr("stroke-opacity","1")
    .style("fill", function(d) {
      return colourScale(findParent(d));
    })
    .style("stroke", function(d) {
      return colourScale(findParent(d));
    });

Fiddle

Answer 1

  nodeUpdate.select("circle")
    .attr("r", 10)
    .attr("fill-opacity", "0.7")
    .attr("stroke-opacity", "1")
    .style("fill", function(d) {
    console.log(d);
    return (typeof d._children !== 'undefined') ? (colourScale(findParent(d))) : '#FFF';
    })
    .style("stroke", function(d) {
    return colourScale(findParent(d));
    });

编辑:这里的问题是您的第一个节点没有 _children 属性，而是一个 children 属性。因为点击的时候添加了children(_children变空，children取值，改一下就ok了)

Fiddle