私がやろうとしていること...
複合アニメーションを作るためにD3をいじっています。次の最終状態があります。
基本的に、ドットをつなぐアニメーションを作成したい - 最初の円を追加します。次に、2 番目の円に線を引きます。線が描画されると、2 番目の円が追加されます。
視覚的な魅力を加えるために、線を引くときに最初と 2 番目の円の円の半径を変更するなど、他のトランジションを実行します。
私が試したこと...
アニメーションを含め、円を追加して線を個別に描くことができます。ただし、トランジションを連鎖させて複合アニメーションを形成する方法がわかりません。
transitions/animations について読んだことがありますeach("end")。これは最初のオブジェクトを描画するために機能しますが、 end は他のトランジションが終わるまで発火しません。
質問
each("end", ...)トランジションの連鎖に正しいアプローチを使用していますか?- 別のアニメーションを開始するには (線の描画を開始するなど)、別のトランジション (最初の円の半径バースト) を完了できるようにするにはどうすればよいですか。