javascript - 在鼠标悬停时显示框

Question

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

提前致谢

Answer 1

通过框，您是指工具提示吗？在 Mike 的示例中，他使用了这个成语：

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

（对于其他类型的元素（div仅 s ？）您可以只使用element.setAttribute("title", "title");。）