使用d3在圆圈的左上角附加了糊涂的工具提示

Question

当我在我的d3力导向图上使用tipsy时，我遇到了一个问题：当我将醉意的重力设置为西时，这些醉意从我的圆圈的左上角开始。我怎样才能从我圈子的右边开始呢？

以下是我在d3中使用的代码示例：

var node = vis.selectAll("g.node")
    .data(json.nodes)
    .enter().append("svg:g");

node.append("svg:circle")
    .attr("r", function(d){return d.credits *5+"px";})
    .style("fill", "orange");

$('svg circle').tipsy({
    gravity: 'w',
    html: true,
    title: function() {
        var d = this.__data__,
            name = d.name;
        return name;
    }
});

修改在此问题中：https://stackoverflow.com/a/10806220/1041692他们会说以下内容：

  

您可以尝试将工具提示添加到与您重叠的svg：g中   实际圆，但给出零宽度和高度。目前它正在服用   边界框并将工具提示放在边缘。玩弄   使用tipsy的选项也可能有所帮助。

但无论我做错了还是行不通，都无法解决我的问题。

编辑2 这个问题还取决于浏览器，在chrome中，tipsy元素附加在圆圈的左上角，而我希望它附加在右侧的中间圈子。在Firefox中，整个网页的左上角显示了醉意。