ピボット / LayoutOptions / StructuredLayoutOptions
インターフェース: StructuredLayoutOptions
定義: interfaces/LayoutOptions.ts:127
人間が描くような方法で小さなグラフを配置し、そこに固定します。一度計算される シミュレーションではなく変更ごとに計算されるため、同じグラフでは常に同じ結果が得られます。
- 接続された各コンポーネントは独自にレイアウトされ、コンポーネントは並べてパックされます。 最大ズーム時にキャンバスに合わせて側面を調整します。
- 同じ 1 つまたは 2 つの節から垂れ下がっている 1 種類の葉がブロックとして並んでいます。 それらがぶら下がっているノード。
- 他のものはすべて、その距離がエッジに従うように配置されます。ハブの隣接するハブが来るようになります。 リングに、チェーンにラインで。
- エッジがまったくないノードは、残りのノードの横のトレイに入れられます。
最大数百ノードのグラフを対象としています。
伸びる
プロパティ
direction?
optionaldirection:"auto"|"row"|"column"
定義: interfaces/LayoutOptions.ts:140
ブロックの並び方。 'auto' は、ぶら下がっているノードへの線を越えて立っています。 'row' と 'column' は一方向に強制します。
デフォルト
'auto'gap?
optionalgap:number
定義: interfaces/LayoutOptions.ts:146
グラフ単位で 2 つのノード間のスペースを空けます。エッジはこの 2 倍の長さで描画され、 コンポーネントとトレイはこの 3 倍離れて設置されます。
デフォルト
30groupMin?
optionalgroupMin:number
定義: interfaces/LayoutOptions.ts:134
タイプを共有する最小の葉と、ブロックとして並ぶその隣接葉。少ない 一つ一つ置かれています。リーフには最大で 2 つの隣接リーフがあります。
デフォルト
3labelSides?
optionallabelSides:boolean
定義: interfaces/LayoutOptions.ts:158
フローティングされた各ラベル (textVerticalShift を参照) を、そのノードの反対側に移動します。 端は自由なままにしておきます。ブロックのメンバーはすべて、ぶら下がっているノードから側を奪います。 から。レーベルがどこまで外れているかは、依然としてスタイルによって決まります。
デフォルト
truetrayPosition?
optionaltrayPosition:"bottom"|"right"
定義: interfaces/LayoutOptions.ts:151
エッジのないノードが配置される場所: 残りのノードの下、またはその右側。
デフォルト
'bottom'type
type:
"structured"
定義: interfaces/LayoutOptions.ts:128
デフォルト
'force'