Svg 图形饼图图例重叠

我已经使用图表好几个星期了，偶尔我会遇到一些奇怪的问题。一个反复出现的主题是，饼图图例标签都在错误的位置挤压在一起。图片>文字：

在本例中，图表是按预期创建的：

var r = Raphael(domNode, 300, 120);

this.chart = r.piechart(55, 55, 50, [75, 25],
    {
        colors: [
            "000-#d00-#900",
            "000-#3a3-#070"
        ],
        legend: ["Building", "Tertiary Education"],
        legendpos: "east"
    });

然后我会做一些更基本的造型，但是关闭它没有帮助。这个问题在

节点（文本和圆圈节点共享重叠位置）中清晰可见，但我不知道它来自何处，也不知道为什么，而且只是偶尔发生；其他图表也可以。论坛上或问题追踪者上也没有任何内容，尽管我刚刚意识到我可能也应该在那里提问

---

使用

Raphaël 2.1.0

和

g.Raphael 0.51

尝试定义您的图例如下

{ legend: ["Building", "Tertiary Education"] , legendpos: "east"}

---

这是我所能找到的你和

之间的唯一区别。我发现了下面的方法来解决这个确切的问题。如果饼图是在最初隐藏的元素中呈现的，gRaphael在正确计算位置时会遇到问题，从而导致此堆叠图例：

因此，解决方案是在 显示facebox，然后执行Raphael Javascript。换句话说 word，确保在打开图表容器时生成图表 那里没有隐藏

---

我已经解决了这个问题，将create pie chart函数从jQuery document ready指令移动到on click事件，这将使隐藏元素可见。

复制粘贴您的fiddle代码也有同样的问题，因此我假设我的声明是正确的。事实上，当我在页面的其他地方指定一个不同的div ID时，完全相同的代码可以正常工作。可能在一些地方存在一些样式或边界框问题，图例被压缩了，但我真的不知道SVG是如何工作的。我使用的是Dojo，所以有一些非常重要的布局。很遗憾，我放弃了Graphael，转而使用ExtJS图表，但这看起来可能就是问题所在。希望它能帮助别人！