Обновление дочерних элементов данных в d3.js

Question

У меня возникли проблемы с выполнением основной операции в d3: обновление дочерних элементов для изменяющегося набора данных. Детский элемент должен быть «добавлен» для первого прохода и изменен для последующих проходов. Для родительского элемента, который можно управлять с помощью операции «ввести», но я не вижу, как его использовать для детей. Я использую макет пузыря, но я не думаю, что это проблема.

var node = vis.selectAll("g.node").data(
bubble.nodes(classes(json)).filter(function (d) { 
    return !d.children; 
}), function (d) { 
    return d.className; 
}); 

node.select("circle").attr("r", function (d) { 
    return d.r; 
}); 

node.enter().append("g").attr("class", "node") 
    .attr("transform", function (d) { 
    return "translate(" + d.x + "," + d.y + ")"; 
}); 

node.append("circle").attr("r", function (d) { 
    return d.r; 
}); 

Вот jsfiddle http://jsfiddle.net/johnpoole/xsafy/131/ с кодом бега.

Answer 1

Ответ в конечном итоге пришел ко мне. Речь идет только об исходном «добавлении» к результату ввода()

var node = vis.selectAll("g.node").data(
    bubble.nodes(classes(json)).filter(function(d) { 
     return !d.children; 
    }), function(d) { 
     return d.className; 
    }); 

node.select("circle").attr("r", function(d) { 
     return d.r; 
    }).style("fill", function(d) { 
     return fill(d.r); 
    }); 

node.enter().append("g").attr("class", "node") 
.attr("transform", function(d) { 
     return "translate(" + d.x + ","+ d.y +  ")";}) 
    .append("circle").attr("r", function(d) { 
     return d.r; 
}).style("fill", function(d) { 
     return fill(d.className); 
});