3

几周以来，我一直在使用gRaphaël图表，但时不时会遇到一些奇怪的问题。一个反复出现的主题是饼图图例标签都在错误的地方挤在一起。图片 > 文字：

在此处输入图像描述

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

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。

4

2 回答 2

3

我发现以下博客文章处理了这个确切的问题。如果饼图在最初隐藏的元素中呈现，则 gRaphael 无法正确计算位置，从而导致此堆叠图例：

所以解决方案是先渲染部分面部，在显示面部之后，然后执行 Raphael Javascript。换句话说，请确保在图表容器存在且未隐藏时生成图表！

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

于 2013-08-18T05:08:12.930 回答
0

尝试将您的图例定义如下

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

这是我能在你和我的工作 jsfiddle之间找到的唯一区别

于 2012-11-27T09:32:34.107 回答