2016-03-25 7 views
1

SVGとD3.JS、 を使用してJSONデータからサークルプロパティを取得してオリンピックロゴ(5つの円)を作成しようとしていますが、いくつかのアニメーションを割り当てたいおそらく最後の円と最初の円を入れ替えることができます。私はコードの途中に来ましたが、サークルにアクセスしてトランジションを追加する方法に苦しんでいます。コードがここにあります。D3とSVG要素にアニメーションを作成する

JSBIN

+0

アニメーションはhttps://github.com/mbostock/d3/wiki/Transitionsを使用して行われます – Daniel

答えて

1

私は通常、やっていることは、私が追加し、追加のパラメータが更新

function update(data, animate) { 
    // bind data 
    // enter 
    // enter + update 
    // - if animate = true perform animation 
    // exit 
} 

demo

にトランジションを実行するアニメーションフラグであるデータを受信し、それに応じてノードを更新する更新機能を持たれています
+0

ええ、私はランダムにリングを変更するコードを更新しました。 – Sam

関連する問題