問題タブ [d3-force-directed]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
368 参照

javascript - D3 フォース レイアウト データが更新されない

D3 の強制レイアウト グラフを使用してデータをプロットしています。

  1. update新しいデータを使用して関数を呼び出すとsetInterval、フォース レイアウト グラフ ノードがランダムな位置から開始されます。どうすればこれを修正できますか?
  2. console正しいデータを印刷しても、データが更新されません。これもどうすれば解決できますか?

ここに jsfiddle があります: https://jsfiddle.net/mootqvs1/

0 投票する
2 に答える
2071 参照

javascript - 境界に基づいて初期 d3 ズームを動的に設定する - V4

ページに表示するノードが多数ありますが、ほとんどの場合、ノードの配置が原因で円が画面の表示領域から外れます。

すべてのノードが画面の表示領域に収まるように、ノードの境界ボックス全体に基づいて初期ズーム レベルを動的に設定する方法はありますか?

更新しました:

これにフィドルを追加しました https://jsfiddle.net/navinleon/6ygaxoyq/3/

期待される:

ここに画像の説明を入力

0 投票する
1 に答える
255 参照

mongodb - mongoクエリ:別のフィールドに基づいたランキング番号を持つ新しいフィールドを追加します

私はmongoクエリが初めてです。現在、私はこのようなコレクションを持っています。これは、d3 力指向グラフを作成するために使用されます。

}

mongo クエリを使用して、このような出力を生成したいと思います。基本的に、「nodes」の下にネストされたデータに対して、「topn」という新しいフィールドを追加し、1 から 5 までのカウントでランク付けします。残りの値は null です。誰でも助けることができますか?ありがとうございました!