6

如何在鼠标悬停时为有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;
        });
4

3 回答 3

2

您可以在此 Google Groups 主题“在 d3.svg.line 上单击或移动鼠标时显示价值”中找到 Mike Bostock 建议的不同解决方案

于 2012-11-03T06:32:05.967 回答
2

我认为您正在寻找的是这两个答案的组合:

d3js:_on()_ 不会将当前数据对象发送到 onmouse 函数

向使用 svg 路径生成的条形图添加工具提示

两者都有你可以玩的jsFiddles。

于 2012-11-07T22:31:08.450 回答
0

如上所示设置链接标题确实会导致鼠标悬停在工具提示上——如果您让鼠标悬停在链接的任何部分上几秒钟。

于 2012-11-03T18:09:45.630 回答