D3グラフ

Question

内のエッジにラベルを追加する方法 http://bl.ocks.org/rkirsling/5001347

を参照してくださいそれはいくつかのノードとそれらの間のエッジを示しています。どのコードを追加すればいいのか、どこにラベルがあるのか​​を教えてください。ラベルの適切な場所を想定することができ、任意のラベルテキストを想定することもできます。 ありがとうございます。

Answer 1

リンク自体のパスを追加するのと同じようにラベルを追加できます。リンクが接続する2つのノードの位置に基づいて位置を計算するだけです。コードは次のようになります。

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機能では、ラベルの位置も更新する必要があります。