父类的气泡图颜色

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

可以获取绑定到父级的数据...

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