d3js强制有向图 - 无法在链接上添加文本标签

时间:2016-08-02 08:18:26

标签: javascript d3.js force-layout

我正在使用强制导向图(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

0 个答案:

没有答案