跳转到内容

pivotick v3.0.0


拓展 / LayoutOptions / StructuredLayoutOptions

接口: StructuredLayoutOptions ​

定义于:interfaces/LayoutOptions.ts:127

按照人们绘制的方式放置一个小图表,并将其固定在那里。每次更改都计算一次而不是模拟,因此同一张图始终给出相同的图片。

  • 每个连接的组件都是单独布局的,并且组件并排打包以适合最大缩放的画布。
  • 悬挂在相同的一个或两个节点上的一种类型的叶子在它们悬挂的节点旁边排列成一个块。
  • 其他所有东西的放置都使其距离沿着边缘:集线器的邻居出现在环上,链出现在线上。
  • 根本没有边缘的节点会放在其余节点旁边的托盘中。

适用于最多数百个节点的图表。

延伸 ​

属性 ​

direction? ​

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

定义于:interfaces/LayoutOptions.ts:140

块如何排列。 'auto' 将其放置在其悬挂的节点的线上; 'row' 和 'column' 强制单向。

默认值 ​

ts
'auto'

gap? ​

optional gap: number

定义于:interfaces/LayoutOptions.ts:146

两个节点之间的空白空间(以图形单位表示)。边缘的长度是两倍,元件和托盘的距离是这个长度的三倍。

默认值 ​

ts
30

groupMin? ​

optional groupMin: number

定义于:interfaces/LayoutOptions.ts:134

共享同一类型的叶子数量最少,并且它们的邻居排列成一个块;较少的是一一放置的。一片叶子最多有两个邻居。

默认值 ​

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