Question

为两个节点之间的连接添加名称/文本

           is used by
i.e Oracle ----------> Google

节点在这里创建：

links.forEach(function(link) {
    link.source = nodes[link.source] || (nodes[link.source] = {name: link.source});
    link.target = nodes[link.target] || (nodes[link.target] = {name: link.target});
});

但是看一下创建图形的代码，我没有可以插入类似

的函数

node.append("title")
    .text("my text");

（并且还添加它不起作用）。有什么想法吗？

Answer 1

您可以将textPath附加到链接。

var path = svg.append("g").selectAll("path")
    .data(force.links())
    .enter()
    .append("g")
    .attr("class", "link-group")
    .append("path")
        .attr("class", "link")
        .attr("id", function(d, i) { return "link" + i;})
        .attr("marker-end", "url(#end)");

svg.selectAll(".link-group").append("text")
    .attr("dy", "-0.5em")
    .append("textPath")
    .attr("startOffset",function(d,i){return 8/20;})
    .attr("xlink:href",function(d,i){return "#link"+i;})
    .text("hello")
    ;

以下是一个例子：

http://vida.io/documents/FTC9fmmEP2Geg735z

如何在移动专利套装中添加属性？

1 个答案: