0

我想使用Mobile Patent Suits为两个节点之间的连接添加名称/文本

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

(并且还添加它不起作用)。任何的想法?

4

1 回答 1

0

您可以将 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

于 2013-10-25T04:51:27.123 回答