4

gRaphael次のように、を使用して 2 つの円グラフを描画しようとしています。

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

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

これにより、次の図が生成されます。

うーん、パイ

2 つの円グラフは、渡した引数の順序r.piechartが異なっていても同じです。グラフの 1 つは下部に 60% の青いスライスがあり、もう 1 つはそのままになるように、これを防ぐ方法はありますか?

4

1 に答える 1

8

ここにフィドルがあります。私は 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});
于 2013-05-24T19:35:39.880 に答える