防止在gRaphael饼图中排序

时间:2013-05-22 05:11:39

标签: javascript canvas raphael graphael

我试图使用gRaphael绘制两个饼图,如下所示:

var r = new Raphael(0, 0, '100%', '100%'); 

r.piechart(100,120,80,[60,40]);
r.piechart(300,120,80,[40,60]);

这会产生以下图片:

Mmmmmm, pie

即使我传递给r.piechart的参数的顺序不同,两个饼图也是相同的。有什么方法可以防止这种情况发生,这样其中一个图表底部会有60%的蓝色切片而另一个会保持不变吗?

1 个答案:

答案 0 :(得分:8)

Here is a fiddle。我不是gRaphael专家,所以可能有更好的方法..我改变了饼图功能(g.pie.js第99行)

values.sort(function (a, b) {
    return b.value - a.value;
}); 

if (opts.sort !== false) {
    values.sort(function (a, b) {
        return b.value - a.value;
    });
}

而不是将您的代码更改为:

r.piechart(100,120,80,[60,40], {sort: false});
r.piechart(300,120,80,[40,60], {sort: false});