javascript - 按父类划分的气泡图颜色

Question

我正在查看 Mike Bostock 的气泡图:http://bl.ocks.org/mbostock/4063530使用圆形包装。但是，我希望能够通过包含类的名称为圆圈着色。

我正在这里的 JSBin 中尝试:http://jsbin.com/qoveguvopu/edit?css,js,output

我的错在这里:

node.append("circle")
    .attr("r", function(d) { return d.r; })
    .style("fill", function(d) {return color(d.data.name);});

谢谢!

有点像这样:

Answer 1

可以拿到父级绑定(bind)的数据...

d.parent.data.name

... 并根据它为圆圈着色，首先检查父项是否存在:

node.append("circle")
    .attr("r", function(d) {
        return d.r;
    })
    .style("fill", function(d) {
        if (d.parent) {
            return color(d.parent.data.name)
        };
    });

这是您更新后的 Bin:http://jsbin.com/ruyegidopo/1/edit