Bubble Chart Farbe von Elternklasse

Question

Ich schaue auf die Bubble Chart von Mike Bostock: http://bl.ocks.org/mbostock/4063530, die Kreis Verpackung verwendet. Ich möchte jedoch die Kreise mit dem Namen der enthaltenen Klasse färben können.

ich es in JSBin hier bin versucht: http://jsbin.com/qoveguvopu/edit?css,js,output

Meine Schuld ist hier:

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

Dank!

Art wie folgt aus:

Answer 1

können Sie die Daten erhalten an die Mutter gebunden ...

d.parent.data.name 

... und die Kreise Farbe es, erste Überprüfung nach Wenn ein Elternteil existiert:

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

Hier ist Ihr aktualisierter Bin: http://jsbin.com/ruyegidopo/1/edit