は、私はここに示した例をオフに基づいてサンキーダイアグラムを作成しようとしていd3.jsサンキーダイアグラム

Question

にリンク内のテキストを追加します。ツールチップのテキストをリンク自体に直接表示することができます（したがって、静的画像として読み込むことができます）。私はリンクに.append("text")コールを追加しようとしましたが、ノードのために行われたように見えますが、動作していないようです。以下は上記の例に追加したコードです。

link.append("text") 
    .attr("x", 25) 
    .attr("y", function(d) { return d.dy/2; }) 
    .attr("dy", ".35em") 
    .attr("text-anchor", "end") 
    .attr("transform", null) 
    .text(function(d) { return d.source.name + " → " + d.target.name + "\n" + format(d.value); }); 
    .attr("text-anchor", "start"); 

ただし、この図には何も表示されません。

UPDATE：私は簡単に問題を再現するために要旨にマイク・ボストックのコードを貼り付け：http://bl.ocks.org/almsuarez/50eab68a645d7fc12183384000ea8c82

Answer 1

としては、あなたがSVG要素にテキストを追加することができないコメントで言われました。だから、コンテナにあなたのリンクを追加する瞬間に言う。例：

var link = container.append('path')....//and so on 

テキストの場合も同じ操作を行う必要があります。したがって、たとえば：

var linkText = container.append('text') 

xとyの位置を追跡できないとしますか？

基本的にリンクが2つのポイントの間にあるため、センターを見つける必要があります。ここで私はそれを行うだろうかです：

.attr("x", function(d) { console.log(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; }) 

だから、あなたはその後、targetXの差の半分追加ソースの」x位置を取得 - sourceXをとyのために同じことを行います。あなたが見ることのために

私はフィドルでこれを入れている：あなたは、リンク上にカーソルを移動することができます

https://jsfiddle.net/thatOneGuy/8ayq5nwa/2/は、あなたはそれがすべて正しい:)ですチェックできるタイトルをそのように見ることが