Graphael饼图传奇重叠

Question

我几周来一直在使用gRaphaël图表，而且我偶尔会遇到一些奇怪的问题。一个反复出现的主题是饼图传奇标签都会在错误的地方挤在一起。图片＆gt;词：

图表按照您的预期创建，在这种情况下：

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

然后我做了一些更基本的造型，但关闭它并没有帮助。问题在<svg>节点中清晰可见（文本和圆形节点共享重叠位置），但我不知道它来自何处或为什么，并且它有时只发生;其他图表工作正常。在论坛或问题跟踪器上也没有任何东西，虽然我只是意识到我应该在那里或者那里问。

使用Raphaël 2.1.0和g.Raphael 0.51。

Answer 1

我找到了以下blog post来处理这个确切的问题。如果饼图在最初隐藏的元素中呈现，则gRaphael在正确计算位置时会出现问题，导致此叠加的图例：

  

所以解决方法是先将facebox局部渲染到   显示facebox，然后执行Raphael Javascript。其他   单词，确保在图表容器生成时生成图表   那里并没有隐藏！

我已经通过将创建饼图函数从jQuery文档就绪指令移动到将使隐藏元素可见的单击事件来解决这个问题。

Answer 2

尝试将您的图例定义为以下

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

这是我和my working jsfiddle

之间唯一的区别