d3.js - d3.jsは入力時に有向グラフ効果を強制しました

Question

ここに示されているとおりに d3.js を使用しますが、データ値が異なります。

グラフが最初に表示されると、すべての要素が散在し、約 1 秒間、その位置に向かって急速に移動します。これはサンプルでは見栄えがしますが、私のデータではあまり見栄えがよくありません。ノードが指定された場所で開始するようにオフにする方法はありますか? このエントリの視覚化をカスタマイズする方法はありますか?

Answer 1

ノード配列をループして、.x/.y および .px/.py の値をノードを配置する初期位置に設定できます。これにより、初期レイアウトで移動する必要がある量が制限されます。強制指向アルゴリズム ( tick() 関数) をオフにすると、標準の .transtion().duration(500).attr("transform", xx) 動作をノードとリンクに適用して、それらをアニメーション化できます。強制指向アルゴリズムを実行する前または実行した後の方法ですが、.x/.y および .px/.py 属性を必ず最終位置に設定してください。そうしないと、.tick() を実行するとすぐにリセットされます。