Zum Inhalt springen

pivotick v3.0.0


Pivotick / tableColumns

Variable: tableColumns ​

const tableColumns: object

Definiert in: ui/elements/Table/TableColumns.ts:100

Die diagrammsensitiven Spalten der Bibliothek – diejenigen, die kein generisches Raster berechnen konnte, da es sich dabei um die Position eines Elements im Diagramm und nicht um seine Daten handelt.

Setzen Sie sie in UI.table.columns zusammen und klonen Sie sie, um sie anzupassen:

js
import { Pivotick, tableColumns } from 'pivotick'

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

label und die Randspalten source / target werden anhand des Diagramms aufgelöst, wenn das Dock sie erstellt, sodass sie dieselben Namen lesen, die im Rest der Benutzeroberfläche angezeigt werden. Geben Sie einer Spalte Ihre eigene accessor, um diese zu übernehmen. Ihre Überschriften sind in der Sprache des Diagramms geschrieben (GraphOptions.i18n), es sei denn, Sie geben einem selbst ein label.

Typdeklaration ​

children ​

children: TableColumn<Node>

Wie viele Knoten ein Cluster direkt enthält – 0 für ein Blatt.

Nichts anderes in der Benutzeroberfläche sagt aus, wie groß ein Cluster ist: nicht die Beschriftung, nicht der Tooltip, nicht die Seitenleiste. Ohne dies ist die einzige Möglichkeit herauszufinden, es zu erweitern. Dies ist der genaue „Wert lesen, anstatt danach zu suchen“, für den das Dock existiert.

Direkte untergeordnete Elemente, nicht der gesamte Unterbaum, daher entspricht die Struktur der eigenen Zeile eines verschachtelten Clusters und wird dann eine Ebene tiefer gemeldet.

cluster ​

cluster: TableColumn<Node>

Die Cluster, in denen sich ein verschachtelter Knoten befindet, der äußerste zuerst – leer für einen Knoten des Wurzeldiagramms. Die Antwort des flat-Verschachtelungsmodus auf die Frage „Woher kommt diese Zeile“, da flache Zeilen keine eigene Struktur haben.

degree ​

degree: TableColumn<Node>

Gesamtzahl der Kanten, die den Knoten berühren.

degreeIn ​

degreeIn: TableColumn<Node>

Kanten zeigen auf den Knoten.

degreeOut ​

degreeOut: TableColumn<Node>

Kanten, die den Knoten verlassen.

group ​

group: TableColumn<Node>

Die Gruppe graph.simplify fügt einen Knoten anhand seiner Bezeichnung ein; leer für einen Knoten in keinem.

label ​

label: TableColumn<Node>

Der Anzeigename des Elements, während der Rest der Benutzeroberfläche ihn auflöst.

pinned ​

pinned: TableColumn<Node>

Ob der Knoten fixiert ist.

source ​

source: TableColumn<Edge>

Der Ursprung einer Kante nach Anzeigename.

target ​

target: TableColumn<Edge>

Das Ziel einer Kante nach Anzeigename.

visibility ​

visibility: TableColumn<Node>

Ob sich das Element auf der Arbeitsfläche befindet und wenn nicht, warum – für einen Knoten filtered über das Filterfeld oder excluded von Hand; für eine Kante filtered, wenn ihre Ebene ausgeschaltet ist, oder endpoint, wenn ein Ende davon übrig ist. Das Dock listet ausgeblendete Elemente auf, anstatt sie auszublenden. So können Sie sie unterscheiden.

Schmal und mit fester Breite: Es führt den abgeleiteten Spaltensatz als Statusrinne an und sollte daher nicht den Platz einnehmen, den der Name benötigt.