force-layout

-1熱

1答えて

d3フォースレイアウトでドラッグ可能なノード（ルート）ノートを1つだけ設定してください

私はd3フォースレイアウトのグラフで作業しています.thisのように見えます。私が望むのは、ルートノードをドラッグできないように修正することです。 "fixed": true を追加してjsonファイルのルートノードを修正しましたが、引き続きドラッグ可能です。私のJSファイルにコードがあります var nodeEnter = node.enter().append("g") .at

1熱

2答えて

D3v4でのフォースレイアウトの更新

D3v4でノードを更新する必要のあるフォースレイアウトに取り組んでいます。私はAdding new nodes to Force-directed layout（D3v2）とmbostockのblock（D3v3）を追跡しましたが、私はD3v4でどのように同じ効果を達成するかについてはあまりよく分かりません。ここで私はこれまで持っているものです： http://bl.ocks.org/daniel

0熱

1答えて

フォース・ドラッグ・グラフD3.jsエラー

は、私は彼のblog からマイク・ボストックのフォースドラッグ例の一つを複製することができました。 Codepen - Not Working ：ここはここ JSON data Codepen - Working ここに私自身の試みだへのリンクがあります異なるJSONデータを使用したことを除いて、正確のボストックのコードを模倣し、作業コードです $(document).ready(functi

0熱

1答えて

リンクとノードのカウントの関数としてd3リンク強度をどのようにカスタマイズしますか？（d3 v4）

私はd3 v4強制有向グラフのリンクを重み付けする独自の関数を記述しようとしています。デフォルト強度関数はhereであり、readmeによれば、新しい関数を引数として渡すことで変更できます。（readmeの関数は、実際のコードの関数とは少し異なります）。 var simulation = d3.forceSimulation() .force("link", d3.forceLi

1熱

1答えて

力シミュレーションのポリゴンでd3 voronoiポリゴンドラッグイベントがトリガされないのはなぜですか？

この後、example、次のコードのポリゴンでイベントをトリガーしないのはなぜですか？ var data = [ { "index" : 0, "vx" : 0, "vy" : 0, "x" : 842, "y" : 106 }, { "index" : 1,

1熱

1答えて

d3.jsで強制レイアウトを使用する場合、ノードを囲む仮想半径を増やすことによって、衝突力の助けを借りてノードを押し離すことが可能な場合、配列

に格納された多くのノードの衝突動作を変更します。 buttonという名前の別個のボタンを作成しました。.data()（配列全体を選択する）を使用して、そのボタンをクリックしたときに多くのノードの衝突の半径を40に増やしたいと考えています。 Iは、アレイ内の2つのノードをクリックすると、それらの間に、これら2つのノードとすべてのノードを格納することができる午前 var node =...... .

1熱

1答えて

D3力レイアウトの相違接続mutliple成分

MWEs を使用して、私は、両方のバージョンと同じグラフを作成しようとし、ここでBl.ocksである： v3 v4 これらの例は、公式の例のoneから順応しています。複数の連結成分が存在する場合号違いが生じます。バージョン4で私のために動作しない、特定の2つのものがあります：1つの、接続コンポーネントをドラッグは非常に非物理学では、（私は推測）乱暴周りの力の中心部を変換するために他人を作りま

1熱

1答えて

D3.js - Force-Layoutで画像を持つノードにラベルを付ける

Codepenには、CSSのスプライトフラグをレンダリングできる次のコードがありますが、ノードの位置に基づいた位置にはありません。実際、上からのフラグスプライトのノードをドラッグできます。は、いくつかのconsole.logsを見ると、ノードが呼び出されたときfunction ticked()からd.xとd.y位置が渡されていないようです。私はあなたが超接近している const width

4熱

1答えて

d3.js - フォース・レイアウト境界問題V4

は現在、私は、FCCのプロジェクトの1 National Contiguity を働いている基本的に私は、フラグスプライトをレンダリングノードとそのリンクを接続するためにどのようにそれを把握することができました。問題が発生するのは、FCCのexampleと同じように動作する方法が実装されていることだけです。具体的には、例のようにノードを境界線からはずすようにする方法を試しています。しかし、鉱山