我正在尝试使用 绘制两个饼图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% 的蓝色切片,而另一张则保持原样?
我正在尝试使用 绘制两个饼图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% 的蓝色切片,而另一张则保持原样?
这是一个小提琴。我不是 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});