跳转到内容

pivotick v3.0.0


拓展 / tableColumns

变量: tableColumns ​

const tableColumns: object

定义于:ui/elements/Table/TableColumns.ts:100

该库的图形感知列——通用网格无法计算的列,因为它们是关于元素在图形中的位置而不是其数据。

将它们组合成UI.table.columns,克隆调整:

js
import { Pivotick, tableColumns } from 'pivotick'

UI: { table: { columns: [
    tableColumns.label,
    { ...tableColumns.degree, label: 'Links' },
    tableColumns.visibility,
] } }

label 和边缘 source / target 列在扩展坞构建它们时根据图表进行解析,因此它们读取 UI 其余部分显示的相同名称。给你自己的一个专栏 accessor 来接管它。它们的标题是用图表语言 (GraphOptions.i18n) 编写的,除非您给一个自己的label。

类型声明 ​

children ​

children: TableColumn<Node>

一个集群直接拥有多少个节点——叶子为0。

UI 中没有任何其他内容表明集群有多大:标签、工具提示、侧边栏都没有。如果没有这个,找出答案的唯一方法就是扩展它,这正是码头存在的目的“读取值而不是寻找它”。

直接子树,而不是整个子树,因此它与嵌套簇自己的行的结构匹配,然后向下报告一级。

cluster ​

cluster: TableColumn<Node>

嵌套节点位于集群内部,最外层在前——根图的节点为空。 flat 嵌套模式对“这一行来自哪里”的回答,因为扁平行没有自己的结构。

degree ​

degree: TableColumn<Node>

接触节点的总边数。

degreeIn ​

degreeIn: TableColumn<Node>

指向节点的边。

degreeOut ​

degreeOut: TableColumn<Node>

离开节点的边。

group ​

group: TableColumn<Node>

组graph.simplify通过其标签放入一个节点; none 中的节点为空。

label ​

label: TableColumn<Node>

元素的显示名称,由 UI 的其余部分解析。

pinned ​

pinned: TableColumn<Node>

节点是否固定到位。

source ​

source: TableColumn<Edge>

边的原点,按显示名称。

target ​

target: TableColumn<Edge>

边缘的目的地,按显示名称。

visibility ​

visibility: TableColumn<Node>

元素是否在画布上,如果不是,为什么——对于节点,通过过滤器面板filtered或手动excluded;对于边缘,当其层关闭时为 filtered 或当其末端离开时为 endpoint。停靠栏列出了隐藏的元素,而不是隐藏它们,因此这就是区分它们的方法。

窄且固定宽度:它将派生列设置为状态槽,因此它不应该占用名称所需的空间。