jquery - 如何在svg可折叠图树中显示相对于节点的jquery提示工具提示？

Question

当鼠标悬停在节点上时，我尝试显示可折叠树图的提示工具提示，但工具提示未相对于节点显示。它显示在浏览器的左上角而不是相对于节点。鼠标悬停在节点上时如何显示相对于节点的工具提示。我的代码如下

var nodeEnter = node.enter().append("g")
      .attr("class", "node")    
      .attr("transform", function(d) { return "translate(" + source.y0 + "," + source.x0 + ")"; })
      .on("click", click)
      .on("mouseover", mouseover)
      .on("mouseout", mouseout); 


function mouseover(d) {
    name = d.name;
    $('svg circle, svg image').tipsy({
        fade: true,
        html: true, 
        gravity: 'w', 
        title: function(d) {
            return 'Hi there! node'; 
        }
    });
}

请尝试帮助我显示相对于节点（圆圈）的工具提示。谢谢