raphael - gRaphael円グラフ：アニメーションを追加

Question

円グラフを「小さな点」から実物大の円グラフに成長させるアニメーションで表示したいのですが、この成長する円やHighcharts Demo Gallery-Pieのようなものですが、作成した円に適用したいと思います。 gRaphaelを使用して、

これが私のjsfiddleの例です...凡例付きのラファエル円グラフ

よろしくお願いします

Answer 1

そのようなアニメーションを実現するには、セクターにアクセスして...それらをアニメーション化する必要があります:)

your_pie.each() を使用してこれを行うことができます

pie.each(function(){
  //scale each sector to 0
  this.sector.scale(0, 0, this.cx, this.cy);
  //animate from 0 to default size
  this.sector.animate({ transform: 's1 1 ' + this.cx + ' ' + this.cy }, 1000, "bounce");
});

フィドルはこちら: http://jsfiddle.net/85VtZ/6/

楽しむ ;）