Aller au contenu

pivotick v3.0.0


pivotick / tableColumns

Variable: tableColumns ​

const tableColumns: object

Défini dans : ui/elements/Table/TableColumns.ts:100

Les colonnes compatibles avec les graphiques de la bibliothèque – celles qu'aucune grille générique ne peut calculer, car elles concernent la place d'un élément dans le graphique plutôt que ses données.

Composez-les en UI.table.columns, clonage pour ajuster :

js
import { Pivotick, tableColumns } from 'pivotick'

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

Les colonnes label et le bord source / target sont résolues par rapport au graphique lorsque le dock les construit, elles lisent donc les mêmes noms que le reste de l'interface utilisateur affiche. Donnez votre propre colonne accessor pour prendre le relais. Leurs titres sont écrits dans la langue du graphique (GraphOptions.i18n) à moins que vous ne donniez à l'un d'eux un label de votre choix.

Déclaration de type ​

children ​

children: TableColumn<Node>

Combien de nœuds un cluster contient directement — 0 pour une feuille.

Rien d'autre dans l'interface utilisateur n'indique la taille d'un cluster : ni l'étiquette, ni l'info-bulle, ni la barre latérale. Sans cela, le seul moyen de le savoir est de l'étendre, ce qui correspond exactement à "lire la valeur au lieu de la rechercher" pour laquelle le dock existe.

Dirigez les enfants, pas l'ensemble du sous-arbre, de sorte qu'ils correspondent à la structure de la propre ligne d'un cluster imbriqué, puis rapportent un niveau plus bas.

cluster ​

cluster: TableColumn<Node>

Les clusters à l'intérieur desquels se trouve un nœud imbriqué, le plus à l'extérieur en premier – vides pour un nœud du graphe racine. La réponse du mode imbriqué flat à "d'où vient cette ligne", puisque les lignes plates ne portent aucune structure propre.

degree ​

degree: TableColumn<Node>

Arêtes totales touchant le nœud.

degreeIn ​

degreeIn: TableColumn<Node>

Bords pointant vers le nœud.

degreeOut ​

degreeOut: TableColumn<Node>

Arêtes sortant du nœud.

group ​

group: TableColumn<Node>

Le groupe graph.simplify met un nœud dedans, par son étiquette ; vide pour un nœud dans aucun.

label ​

label: TableColumn<Node>

Le nom d’affichage de l’élément, tel que le reste de l’interface utilisateur le résout.

pinned ​

pinned: TableColumn<Node>

Indique si le nœud est épinglé en place.

source ​

source: TableColumn<Edge>

Origine d'un tronçon, par nom d'affichage.

target ​

target: TableColumn<Edge>

La destination d'un tronçon, par nom d'affichage.

visibility ​

visibility: TableColumn<Node>

Si l'élément est sur le canevas, et sinon, pourquoi — pour un nœud, filtered par le panneau de filtre ou excluded à la main ; pour un bord, filtered lorsque son calque est éteint ou endpoint lorsqu'une extrémité de celui-ci est partie. Le dock répertorie les éléments cachés plutôt que de les masquer, c'est ainsi que vous les distinguez.

Étroite et de largeur fixe : elle dirige la colonne dérivée définie comme une gouttière de statut, elle ne doit donc pas occuper la pièce dont le nom a besoin.