d3 js中的插值模式

Question

嗨我尝试根据此示例在插值模式下在d3 js中生成线 http://bl.ocks.org/mbostock/1093025。我想出了下面的代码

    var line=d3.svg.line().interpolate('step')
            .x(function(d) { return x(d.x); })
            .y(function(d) { return y(d.y); });

但是当我尝试更新将使用json数据连接到节点的链接时似乎不起作用

    // Update the link
    var link = svg.selectAll("path.link")
        .data(tree.links(nodes), function(d) { return d.target.id; });

    // Enter new links here
    link.enter().insert("path", "g")
        .attr("class", "link")
        .attr("d", function(d) {
            var o = {x: source.x0, y: source.y0};
            return line({source: o, target: o});
    })  
    .transition()
    .duration(duration)
    .attr("d", line);

任何人都可以给我一个提示

由于