条形图更新D3

Question

我正在使用此示例：http://bost.ocks.org/mike/bar/3/

我的更新代码是：

function updateData() {

    d3.tsv("new.tsv", type, function (error, data) {

        console.log(data);

        // Scale the range of the data again 
        x.domain(data.map(function (d) { return d.name; }));
        y.domain([0, d3.max(data, function (d) { return d.value; })]);


        // Select the section we want to apply our changes to
        var svg = d3.select("body").transition();

        // Make the changes
        var sel = svg.selectAll(".bar").data(data);
        //sel.exit().remove();
        //sel.enter().append("rect");


        svg.select(".x.axis") // change the x axis
            .duration(750)
            .call(xAxis);
        svg.select(".y.axis") // change the y axis
            .duration(750)
            .call(yAxis);

    });
}

但我在

收到错误

var sel = svg.selectAll("rect").data(data) 

  

未捕获的TypeError：undefined不是函数。

问题是什么以及如何使用动画动态更新条形图中的tsv数据？