Làm thế nào để thêm nhãn để cạnh trong đồ thị dưới d3

Question

Xin xem http://bl.ocks.org/rkirsling/5001347

Nó cho thấy một số nút và các cạnh giữa chúng. Bạn có thể cho biết mã để thêm vào đó và ở đâu để các cạnh có nhãn. Bạn có thể giả định bất kỳ vị trí phù hợp nào cho các nhãn và bạn cũng có thể giả định bất kỳ văn bản nhãn nào. Cảm ơn bạn.

Answer 1

Bạn có thể thêm nhãn giống như khi bạn thêm đường dẫn cho chính liên kết. Tất cả những gì bạn cần làm là tính toán vị trí theo vị trí của hai nút mà liên kết kết nối. Mã sẽ trông giống như thế này.

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; }); 

Lưu ý rằng trong chức năng tick, bạn cũng cần cập nhật vị trí của nhãn.