我试图使用gRaphael
绘制两个饼图,如下所示:
var r = new Raphael(0, 0, '100%', '100%');
r.piechart(100,120,80,[60,40]);
r.piechart(300,120,80,[40,60]);
这会产生以下图片:
即使我传递给r.piechart
的参数的顺序不同,两个饼图也是相同的。有什么方法可以防止这种情况发生,这样其中一个图表底部会有60%的蓝色切片而另一个会保持不变吗?
答案 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});