コンテンツへスキップ

pivotick v3.0.0


ピボット / LayoutOptions / StructuredLayoutOptions

インターフェース: StructuredLayoutOptions ​

定義: interfaces/LayoutOptions.ts:127

人間が描くような方法で小さなグラフを配置し、そこに固定します。一度計算される シミュレーションではなく変更ごとに計算されるため、同じグラフでは常に同じ結果が得られます。

  • 接続された各コンポーネントは独自にレイアウトされ、コンポーネントは並べてパックされます。 最大ズーム時にキャンバスに合わせて側面を調整します。
  • 同じ 1 つまたは 2 つの節から垂れ下がっている 1 種類の葉がブロックとして並んでいます。 それらがぶら下がっているノード。
  • 他のものはすべて、その距離がエッジに従うように配置されます。ハブの隣接するハブが来るようになります。 リングに、チェーンにラインで。
  • エッジがまったくないノードは、残りのノードの横のトレイに入れられます。

最大数百ノードのグラフを対象としています。

伸びる ​

プロパティ ​

direction? ​

optional direction: "auto" | "row" | "column"

定義: interfaces/LayoutOptions.ts:140

ブロックの並び方。 'auto' は、ぶら下がっているノードへの線を越えて立っています。 'row' と 'column' は一方向に強制します。

デフォルト ​

ts
'auto'

gap? ​

optional gap: number

定義: interfaces/LayoutOptions.ts:146

グラフ単位で 2 つのノード間のスペースを空けます。エッジはこの 2 倍の長さで描画され、 コンポーネントとトレイはこの 3 倍離れて設置されます。

デフォルト ​

ts
30

groupMin? ​

optional groupMin: number

定義: interfaces/LayoutOptions.ts:134

タイプを共有する最小の葉と、ブロックとして並ぶその隣接葉。少ない 一つ一つ置かれています。リーフには最大で 2 つの隣接リーフがあります。

デフォルト ​

ts
3

labelSides? ​

optional labelSides: boolean

定義: interfaces/LayoutOptions.ts:158

フローティングされた各ラベル (textVerticalShift を参照) を、そのノードの反対側に移動します。 端は自由なままにしておきます。ブロックのメンバーはすべて、ぶら下がっているノードから側を奪います。 から。レーベルがどこまで外れているかは、依然としてスタイルによって決まります。

デフォルト ​

ts
true

trayPosition? ​

optional trayPosition: "bottom" | "right"

定義: interfaces/LayoutOptions.ts:151

エッジのないノードが配置される場所: 残りのノードの下、またはその右側。

デフォルト ​

ts
'bottom'

type ​

type: "structured"

定義: interfaces/LayoutOptions.ts:128

デフォルト ​

ts
'force'

Overrides ​

BaseLayoutOptions.type