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'; 
        }
    });
}

ノード（円）に関連するツールチップを表示するのを手伝ってください。ありがとう