鼠标悬停时的Showbox

时间:2012-09-29 17:40:44

标签: javascript d3.js tooltip mouseover force-layout

我从d3.js开始,当我的鼠标位于我的力导向图的节点上时,我想知道显示包含文本的框(工具提示)的最简单方法。此外,此框中包含的文本必须是每个节点的自定义(类似function(d){return d.fullName;})

以下是我现在所拥有的示例代码。

var node = vis.selectAll("g.node")
    .data(json.nodes)
    .enter().append("svg:g")
    .attr("class", "node"); 

node.append("circle")
    .attr("r", 12)
    .style("fill", "orange");

提前致谢

1 个答案:

答案 0 :(得分:2)

通过方框,您的意思是工具提示吗?在Mike的例子中,他使用了这个成语:

node.append("title")
    .text(function(d) { return d.fullName: });

(使用其他类型的元素(仅div?),您可以使用element.setAttribute("title", "title");。)