javascript - g.raphaeljs 円グラフの方向または開始点を設定するにはどうすればよいですか?

Question

デフォルトでは、g.raphaeljs の円グラフは、グラフの上部から両方向に均等に伸びる最大値を示し、小さい値は時計回りに表示されます。

下の画像では、最大値 (1) は約 7 時から始まります。代わりに 12 時からの最大値を表示したいのですが、どうすればよいですか?

Answer 1

わかりました、見つかりました (そして 100% 動作します)... ここに: opts.startFromFixedAngle を追加したので、最初のパイスライスがペイントを開始します...</a>

ここに私がやった作業中のjsfiddleがあります：開始角度が90に設定されたg raphael pie

新しい引数を使用することを忘れないでくださいstartFromFixedAngle

これがコードです...

以下を適用しますg.pie.js

交換

 angle = 0,

と

 angle = opts.startFromFixedAngle || 0,

削除する

 var mangle = angle - 360 * values[i] / total / 2;
 if (!i) {
     angle = 90 - mangle;

追加

 var mangle;
 if (opts.startFromFixedAngle)
     mangle = angle + 360 * values[i] / total / 2;
 else {
     mangle = angle - 360 * values[i] / total / 2;
     if (!i) {
         angle = 90 - mangle;
         mangle = angle - 360 * values[i] / total / 2;
     }