pivotick v3.0.0

---

draaipunt / RendererOptions / NodeBadge

Interface: NodeBadge

Gedefinieerd in: interfaces/RendererOptions.ts:393

Een kleine indicator vastgemaakt aan de rand van een knooppunt — wat KeyLines en ReGraph een glyph noemen.

Badges zijn op zichzelf een decoratiekanaal, dus een knooppunt kan een feit bevatten dat color, shape, size, iconClass en imagePath zijn al uitgegeven. Ze beschrijven alleen de knooppunt waarop ze zitten: een samengevouwen cluster verzamelt de kinderbadges niet — lopen node.children jezelf als je dat wilt.

Voorbeeld

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

Eigenschappen

color?

optional color: string

Gedefinieerd in: interfaces/RendererOptions.ts:401

Elke kleur CSS.

Standaard

var(--pvt-badge-color)

---

iconClass?

optional iconClass: string

Gedefinieerd in: interfaces/RendererOptions.ts:407

---

iconUnicode?

optional iconUnicode: string

Gedefinieerd in: interfaces/RendererOptions.ts:408

---

onClick()?

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

Gedefinieerd in: interfaces/RendererOptions.ts:420

Wordt gebeld wanneer op de badge wordt geklikt, vóór InterractionCallbacks.onBadgeClick.

Als u dit aangeeft, neemt de badge de cursor over en consumeert de klik, zodat de knooppunt is ook niet geselecteerd. Een badge zonder badge blijft transparant voor het onderliggende knooppunt. Als u op een badge drukt, wordt het knooppunt nog steeds in beide richtingen gesleept.

Parameters

event

PointerEvent

node

Node

badge

NodeBadge

Retouren

void

---

position?

optional position: NodeBadgePosition

Gedefinieerd in: interfaces/RendererOptions.ts:399

In welke hoek je moet zitten. Laat het weg en de badge wordt automatisch in de eerste vrije hoek geplaatst. met de klok mee vanaf 'ne'. Een expliciet standpunt wordt verbatim gehonoreerd, zelfs als dat overlapt een andere badge of de uitbreidingsmogelijkheden.

---

svgIcon?

optional svgIcon: string

Gedefinieerd in: interfaces/RendererOptions.ts:410

Inline SVG markup, opgeschoond voordat deze de DOM bereikt.

---

text?

optional text: string

Gedefinieerd in: interfaces/RendererOptions.ts:406

Een telling, of een of twee tekens. Door de langere tekst wordt de badge een pil; voorbij drie tekens die worden weergegeven als 99+. Heeft voorrang op elk pictogram op dezelfde badge.

---

title?

optional title: string

Gedefinieerd in: interfaces/RendererOptions.ts:412

Native tooltip, weergegeven als een echte <title>. Onderdrukt de eigen tooltip van de grafiek niet.