如何在D3.js中更新条形图

Question

我希望在图表的价值发生变化时更新我的​​条形图。

我从宁静的服务中获取图表的数据。

我不想删除整个图表然后重绘;相反，我想用新值更新现有的柱值。

1.每次从webservice输入数据集时，行数都会发生变化。 2.当行数相等时，我可以设法更新条形高度值。但它包含的行数比之前我遇到意外输出的问题更多。

我提交了示例代码//我只是从堆栈溢出站点使用此代码。

function mf（）{

        data = d3.range(10).map(next); 

   var rect= chart.selectAll("rect") 
        .data(data)                         
        .attr("x", function(d, i) { return x(i) - .5; }) 
        .attr("y", function(d) { return h - y(d.value) - .5; }) 
        .attr("width", w) 
        .attr("height", function(d) { return y(d.value); }); 

rect.enter()
        .append("svg:rect")
        .attr("x", function(d, i) { return x(i) - .5; }) 
        .attr("y", function(d) { return h - y(d.value) - .5; }) 
        .attr("width", w) 
        .attr("height", function(d) { return y(d.value); }); 


    rect.exit().remove();

}