javascript - Raphael で塗りつぶしの色を変更できませんか?

Question

円の色を緑から赤に変更しようとしていますが、ここではできません。長い間調査した結果、Raphael でクラスを使用すると色を変更できないという 1 つの問題が見つかりました。クラスを使用して円の色を変更する必要があります。

var paper = new Raphael('myPaper',500,500);

var SCircle = paper.circle(300,100,50).data('id','green');
SCircle.node.setAttribute('class','green'); 

$("#test").click(function () {   
    SCircle.animate({fill:'pink'},200); //color is not filling
} )

ここにJSFiddleリンクがあります

任意の提案をいただければ幸いです..