我正在使用强制导向图(d3js v4),我希望链接上有文字。我正在使用以下代码;
link.append("text")
.attr("text-anchor", "middle")
.attr("transform", function(d) {
return "translate(" +
((d.source.y + d.target.y)/2) + "," +
((d.source.x + d.target.x)/2) + ")";
})
.text(function(d) {
console.log(d);
console.log(d.source.x);
return d.link_name;
});
我只收到错误:
Error: <text> attribute transform: Expected number, "translate(NaN,NaN)".
奇怪的是,在查看我的调试控制台时,d对象有一个源和x属性。但是,当我调试d.source.x时,调试说它是未定义的。有什么线索可能有什么问题?这是完整的代码:
http://blockbuilder.org/anonymous/17bac3017a5aaab26268c4f687c302ec