マイク・ボストック、D3の著者で、非常に優雅に下記の溶液を手伝ってくれました。 g.linkのスタイルを定義する。私はg.nodeのスタイルをコピーしました。次に、 "var link = ...."コードを次のコードに置き換えました。 xとy関数はラベルをパスの中央に配置します。
var linkg = vis.selectAll("g.link")
.data(cluster.links(nodes))
.enter().append("g")
.attr("class", "link");
linkg.append("path")
.attr("class", "link")
.attr("d", diagonal);
linkg.append("text")
.attr("x", function(d) { return (d.source.y + d.target.y)/2; })
.attr("y", function(d) { return (d.source.x + d.target.x)/2; })
.attr("text-anchor", "middle")
.text(function(d) {
return "edgeLabel";
});
テキスト機能では、エッジごとに固有のラベルを指定するのが理想的です。
.text(function(d) {
var key = d.source.name + ":" + d.target.name;
return edgeNames[key];
});
少数の人々は 'の2行目と3行目でのxのとyのを交換するように誘惑されています:私のデータを準備している間、私のテキスト機能は次のようになりますので、私は、私のエッジの名前を持つオブジェクトを埋めlinkg.append( "text") 'piece。しないでください、彼らは正しいです。 D3のWebサイトの[Dendrogram example](http://bl.ocks.org/mbostock/4063570)が変更されたため、更新されています。最初の行は次のようになります: 'var linkg = svg.selectAll("。link ")' –