Aller au contenu

pivotick v3.0.0


pivotick / GraphUI / LegendEntry

Interface: LegendEntry ​

Défini dans : interfaces/GraphUI.ts:542

Une ligne dans la légende : un échantillon, une étiquette et comment déterminer les éléments qu'elle représente : des nœuds ou des bords dans une section de portée edge.

Exemple ​

js
{ id: 'hub', label: 'Hub', color: '#7EA2FB',
  predicate: (node) => node.getData()?.type === 'hub' }

Propriétés ​

badge? ​

optional badge: NodeBadge

Défini dans : interfaces/GraphUI.ts:567

Dessinez ce badge sous la forme d'un échantillon au lieu d'un point, pour les éléments distingués par une marque NodeStyle.badges plutôt que par leur remplissage. Il est dessiné de la même manière que la toile, donc la légende montre la même marque. Un badge portant le numéro color prend celui de l'entrée. Ignoré dans une section de portée edge, dont l'échantillon est une ligne.

Exemple ​

js
{ id: 'enriched', label: 'From enrichment', color: '#8b5cf6',
  badge: { svgIcon: sparkle }, predicate: (node) => node.getData().enriched }

color ​

color: string

Défini dans : interfaces/GraphUI.ts:554

La couleur de l'échantillon — n'importe quelle couleur CSS. Échantillonné à partir du moteur de rendu en mode dérivé : le remplissage du nœud ou le trait d'un bord dans une section de portée edge.


id ​

id: string

Défini dans : interfaces/GraphUI.ts:544

Identité stable : la touche bascule et la valeur écrite dans le filtre.


label? ​

optional label: string

Défini dans : interfaces/GraphUI.ts:549

Étiquette humaine, utilisée textuellement (pour pouvoir être traduite).

Valeur par défaut ​

un id joliment embelli


order? ​

optional order: number

Défini dans : interfaces/GraphUI.ts:576

Ordre d'affichage, croissant.

Valeur par défaut ​

ts
declaration (or first-seen) order

predicate? ​

optional predicate: (node) => boolean | (edge) => boolean

Défini dans : interfaces/GraphUI.ts:574

Quels éléments cette entrée représente. Par défaut, la correspondance entre id et LegendOptions.key sur les données de l'élément, lorsqu'un key est déclaré.

Reçoit un Node, ou un Edge lorsque la section déclare scope: 'edge'.