Php D3.js Don'；t重叠行但链接文本不显示 不重叠行，但链接文本不显示

我在stackoverflow.com上的问题

将来我认为直线可能重叠，尽管我改变了dr公式，因为直线是一条半圆曲线

我搜索如何用另一种方法创建曲线。我懂了。我尝试这样做，并将其应用到我的数据中。看我的新演示

现在，线（链接）没有重叠。非常好。节点上的文本，图像，而不是圆圈和链接有箭头方向显示在我的图表但不显示链接文本。

我想按d值显示链接文本

 "links":[
{"source":1,"target":3,"prop":"coach","value":"coach"},
{"source":4,"target":2,"prop":"title","value":"title"},
{"source":4,"target":0,"prop":"menCurrent","value":"menCurrent"},
{"source":3,"target":1,"prop":"coachplayers","value":"coachplayers"},
{"source":5,"target":0,"prop":"bronze","value":"bronze"},
{"source":5,"target":1,"prop":"gold","value":"gold"},
{"source":5,"target":1,"prop":"goldMedalist","value":"goldMedalist"},
{"source":5,"target":1,"prop":"TestRelation3","value":"TestRelation3"},
{"source":5,"target":0,"prop":"bronzeMedalist","value":"bronzeMedalist"},
{"source":6,"target":0,"prop":"menCurrent","value":"menCurrent"},
{"source":6,"target":2,"prop":"title","value":"title"},
{"source":7,"target":0,"prop":"caption","value":"caption"},
{"source":7,"target":1,"prop":"caption","value":"caption"},
{"source":3,"target":2,"prop":"coachtournamentrecord","value":"coachtournamentrecord"}
]

但这不是表演

请告诉我为什么。我的英语很差。希望你不介意。

---

非常感谢

您的问题是，当您执行

svg时。选择all

以获取所有

.link

元素，您的选择不再有任何数据连接

试试这个：

//Appends link 
var link = svg.selectAll(".link")
.data(links)
.enter()
.append("g") // circle
.attr("class", "link");

//Append circle
link.append("polyline") //if "line" It not show path
.attr("class", "link-line")
.style("stroke-width", 1)
//.attr("fill", "Black")
//.style("stroke-width", function (d) {  return Math.sqrt(d.value); })
.style("marker-mid",  "url(#end)");

//Appends link text
link.append("text")
.attr("class", "link-label")
//.attr("font-family", "tahoma, verdana, sans-serif")
.attr("fill", "Black")
.style("font", "normal 10px tahoma")
.attr("dy", ".15em")
.attr("text-anchor", "middle")
.text(function(d) { return d.value; });  

---

谢谢你的回答。我试着按照你的答案去做。它仍然不显示链接文本，也不显示行。我不知道我做错了请告诉我为什么。非常感谢你。

//Appends link 
var link = svg.selectAll(".link")
.data(links)
.enter()
.append("g") // circle
.attr("class", "link");

//Append circle
link.append("polyline") //if "line" It not show path
.attr("class", "link-line")
.style("stroke-width", 1)
//.attr("fill", "Black")
//.style("stroke-width", function (d) {  return Math.sqrt(d.value); })
.style("marker-mid",  "url(#end)");

//Appends link text
link.append("text")
.attr("class", "link-label")
//.attr("font-family", "tahoma, verdana, sans-serif")
.attr("fill", "Black")
.style("font", "normal 10px tahoma")
.attr("dy", ".15em")
.attr("text-anchor", "middle")
.text(function(d) { return d.value; });