如何将文本放在d3js中的路径中心

Question

我在节点之间创建路径并将文本放在路径之间。但它显示在节点不在路径上。我使用了以下d3js代码

    var pathGroup  = svg.append("g");

            var path = pathGroup.selectAll("path")
            .data(links)
            .enter().append("svg:path")
            .attr('id', function(d){ return d.source.name})
            .attr("class", function(d) { return "link " + d.type; })


var distance = pathGroup.selectAll('distance')//.append('svg:text')
                .data(links).enter().append('svg:text')
                .attr('class', 'distance')//.call(force.drag)//.attr('text-anchor','middle')
                .attr('dy','-30')



        var textPath = distance.append('svg:textPath')
                .attr('xlink:href', function(d){ return '#'+d.source.name})
                .attr('startoffset','50%')
                .text(function(d) {
                    return d.distance
                })