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

时间:2013-10-14 14:53:32

标签: jquery d3.js tipsy

当鼠标悬停在节点上但工具提示未显示相对于节点时,我尝试显示可收集树图的醉意工具提示。它显示在浏览器的左上角而不是相对于节点。鼠标悬停在节点上时如何显示相对于节点的工具提示。我的代码正在关注

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

请尝试帮我显示相对于节点(圆圈)的工具提示。 感谢

0 个答案:

没有答案