d3js强制布局，添加文本链接

Question

感谢阅读。我正在尝试使用d3js构建一个力布局，并希望在链接上添加一些文本，例如SVG线。我试着用下面的代码这样做。当我使用调试器时，我看到文本被添加到svg，但不知何故它没有在屏幕上正确显示。有什么可能是错的线索？

var link = svg.selectAll(".link")
    .data(json.links)
    .enter().append("line")
    .attr("class", "link");

link.append("svg:text")
    .attr("class", "linklabel")
    .style("font-size", "13px")
    .attr("x", "50")
    .attr("y", "-50")
    .attr("text-anchor", "middle")
    .style("fill","#000")
    .attr("xlink:href",function(d,i) { return "#linkId_" + i;})
    .text(function(d) { 
        return "my text"; //Can be dynamic via d object 
    });

var node = svg.selectAll(".node")
    .data(json.nodes)
    .enter().append("g")
    .attr("class", "node")
    .call(force.drag);

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