在鼠标悬停时显示d3.layout.force链接工具提示

Question

如何在有D3向图布局中的鼠标悬停上实现工具提示？我正在调整D3force示例,因此使用如下代码设置节点工具提示很简单:

    node.append("title")
        .text(function(n) {
            return n.id;
        });

尝试使用链接的类似技术不会导致鼠标超过工具提示:

    var link = svg.selectAll("line.link")
        .data(json.links)
        .enter().append("line")
        .attr("class", "link")
        .style("stroke-width", function(d) {
            return 4;
        });

link.append("title")
    .text(function(n) {
            return n.info;
        });

Answer 1

您可以在 Google 网上论坛帖子“在 d3.svg.line 上单击或移动鼠标时显示值”中找到 Mike Bostock 建议的不同解决方案