提示工具提示定位在d3在firefox，IE [英] Tipsy tooltip positioning on d3 in firefox, IE

问题描述

我在绘制 d3线图和

I'm drawing d3 line graphs and tipsy tooltips attached to the circles.

工具提示在Chrome / Safari中正常工作，但在Firefox和IE中，当您将鼠标悬停在某个点上时，相应的工具提示确实出现，它显示在屏幕左上角（html元素）而不是点旁边的图形/ SVG元素之外。

The tooltips work fine in Chrome/Safari but in Firefox and IE when you hover over a point, while the respective tooltip does appear, it shows up outside the graph/SVG element in the top left hand corner of the screen (html element) instead of next to the point.

这是我如何附加工具提示：

This is how I'm attaching the tooltip:

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

任何有关我错误的建议都会非常感激。

Any advice on what I'm doing wrong would be much appreciated.

推荐答案

此补丁会为Tipsy添加适当的SVG支持。

This patch adds proper SVG support to Tipsy.

这篇关于提示工具提示定位在d3在firefox，IE的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！