上在Firefox，IE D3醉意工具提示的定位(Tipsy tooltip positioning

我画D3线图和醉意提示连接到圈子。

工具提示工作在Chrome / Safari浏览器，但在Firefox和IE很好，当你将鼠标悬停在一个点上，而相应的提示出现了，它就会显示在屏幕（HTML元素）的左上角的图形/ SVG元素之外，而不是旁边的点。

这是我如何安装的提示：

    jQuery('g circle').tipsy({
        gravity: 'w', 
        html: true,
        title: function() {
            return this.textContent;
        }
    })

在我做错了任何意见，将不胜感激。

Answer 1:

该补丁增加了醉了正确的SVG的支持。

Answer 2:

喝醉了使用offsetWidth和的offsetHeight上的元素。 它假定这样的事情在SVG元素的工作，遗憾的是这个假设的Chrome / Safari浏览器的不正确之外。

该CSSOM规范指出offsetWidth /的offsetHeight是HTML元素属性。 看来，浏览器/ Safari浏览器已经把这些对他们的SVG元素，但没有说明，指出这应该是这样的。

你要么需要修复醉意是跨浏览器或让笔者来做到这一点。 使用getTransformToElement和/或getBBox大概是什么需要。

文章来源: Tipsy tooltip positioning on d3 in firefox, IE