Как добавить метки к краям в d3 графе

Question

Пожалуйста, см http://bl.ocks.org/rkirsling/5001347

Это показывает некоторые узлы и ребра между ними. Можете ли вы сказать, какой код добавить в этом и где, чтобы края имели метки. Вы можете принять любое подходящее место для ярлыков, и вы также можете принять любой текст ярлыка. Спасибо.

Answer 1

Вы можете добавлять метки так же, как вы добавляете пути для самих ссылок. Все, что вам нужно сделать, это вычислить позицию в соответствии с позициями двух узлов, к которым соединяется связь. Код будет выглядеть примерно так.

svg.selectAll("text").data(links).enter() 
    .append("text") 
    .attr("x", function(d) { return d.source.x + (d.target.x - d.source.x)/2; }) 
    .attr("y", function(d) { return d.source.y + (d.target.y - d.source.y)/2; }) 
    .text(function(d) { return d.something; }); 

Обратите внимание, что в вашей tick функции, вам необходимо будет также обновить положение меток.