d3js を使用してデータを視覚化しています。「通常の」コードを実行すると、すべて正常に動作します。しかし、要素の挿入と削除にアニメーションを追加し、データ要素の挿入/削除が速すぎると、最初に挿入された要素のアニメーションが完了せず、次に挿入される要素がアニメーションをもう一度トリガーします。d3 のアニメーションが完了するのを待つ方法はありますか?
アニメーションのコード例:
layoutRoot.selectAll('g')
.data(nodes, function (d) { return d.path })
.exit()
.transition()
.duration(400)
.style('opacity', 0)
.remove()