pivotick v3.0.0

---

pivotick / RendererOptions / NodeBadge

Interface: NodeBadge

Défini dans : interfaces/RendererOptions.ts:393

Un petit indicateur épinglé sur le bord d'un nœud - ce que KeyLines et ReGraph appellent un glyph.

Les badges sont un canal de décoration à part entière, donc un nœud peut porter un fait pour lequel color, shape, size, iconClass et imagePath sont déjà dépensés. Ils décrivent uniquement le nœud sur lequel ils se trouvent : un cluster réduit n'agrège pas les badges de ses enfants — parcourez node.children vous-même si vous le souhaitez.

Exemple

defaultNodeStyle: {
    badges: node => node.getData().notes
        ? [{ text: String(node.getData().notes), title: 'Notes', onClick: () => openNotes(node) }]
        : [],
}

Propriétés

color?

optional color: string

Défini dans : interfaces/RendererOptions.ts:401

N’importe quelle couleur CSS.

Valeur par défaut

var(--pvt-badge-color)

---

iconClass?

optional iconClass: string

Défini dans : interfaces/RendererOptions.ts:407

---

iconUnicode?

optional iconUnicode: string

Défini dans : interfaces/RendererOptions.ts:408

---

onClick()?

optional onClick: (event, node, badge) => void

Défini dans : interfaces/RendererOptions.ts:420

Appelé lorsque l'on clique sur le badge, avant InterractionCallbacks.onBadgeClick.

Le déclarer fait que le badge prend le curseur du pointeur et consume le clic, donc le nœud n'est pas également sélectionné. Un badge sans badge reste transparent pour le nœud situé en dessous. Appuyer sur un badge fait toujours glisser le nœud dans un sens ou dans l'autre.

Paramètres

event

PointerEvent

node

Node

badge

NodeBadge

Renvoie

void

---

position?

optional position: NodeBadgePosition

Défini dans : interfaces/RendererOptions.ts:399

Sur quel coin s'asseoir. Omettez-le et le badge est automatiquement placé dans le premier coin libre, dans le sens des aiguilles d'une montre à partir de 'ne'. Une position explicite est honorée verbatim, même lorsqu'elle chevauche un autre badge ou l'affordance élargie.

---

svgIcon?

optional svgIcon: string

Défini dans : interfaces/RendererOptions.ts:410

Balisage SVG en ligne, nettoyé avant d'atteindre le DOM.

---

text?

optional text: string

Défini dans : interfaces/RendererOptions.ts:406

Un décompte, ou un ou deux caractères. Un texte plus long transforme le badge en pilule ; au-delà de trois caractères, il s'affiche sous la forme 99+. A priorité sur toute icône du même badge.

---

title?

optional title: string

Défini dans : interfaces/RendererOptions.ts:412

Info-bulle native, rendue comme un vrai <title>. Ne supprime pas la propre info-bulle du graphique.