pivotick v3.0.0

---

pivotic / RendererOptions / NodeBadge

Interfaz: NodeBadge

Definido en: interfaces/RendererOptions.ts:393

Un pequeño indicador fijado al borde de un nodo: lo que KeyLines y ReGraph llaman un glifo.

Las insignias son un canal de decoración propio, por lo que un nodo puede llevar un hecho que color, shape, size, iconClass y imagePath ya están gastados. Describen solo el nodo en el que se sientan: un clúster colapsado no agrega las insignias de sus hijos - caminar node.children tú mismo si quieres eso.

Ejemplo

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

Propiedades

color?

optional color: string

Definido en: interfaces/RendererOptions.ts:401

Cualquier color CSS.

Predeterminado

var(--pvt-badge-color)

---

iconClass?

optional iconClass: string

Definido en: interfaces/RendererOptions.ts:407

---

iconUnicode?

optional iconUnicode: string

Definido en: interfaces/RendererOptions.ts:408

---

onClick()?

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

Definido en: interfaces/RendererOptions.ts:420

Se llama cuando se hace clic en la insignia, antes de InterractionCallbacks.onBadgeClick.

Declararlo hace que la insignia tome el cursor del puntero y consuma el clic, por lo que El nodo tampoco está seleccionado. Una insignia sin ella permanece transparente para el nodo que se encuentra debajo. Al presionar una insignia aún se arrastra el nodo en cualquier dirección.

Parámetros

event

PointerEvent

node

Node

badge

NodeBadge

Devoluciones

void

---

position?

optional position: NodeBadgePosition

Definido en: interfaces/RendererOptions.ts:399

En qué rincón sentarse. Omítelo y la insignia se colocará automáticamente en la primera esquina libre, en el sentido de las agujas del reloj desde 'ne'. Se respeta una posición explícita textualmente, incluso cuando se superpone a otra insignia o a la ampliación de posibilidades.

---

svgIcon?

optional svgIcon: string

Definido en: interfaces/RendererOptions.ts:410

Marcado SVG en línea, desinfectado antes de llegar al DOM.

---

text?

optional text: string

Definido en: interfaces/RendererOptions.ts:406

Un conteo, o uno o dos caracteres. El texto más largo convierte la insignia en una píldora; pasadas las tres caracteres que representa como 99+. Tiene prioridad sobre cualquier icono de la misma insignia.

---

title?

optional title: string

Definido en: interfaces/RendererOptions.ts:412

Información sobre herramientas nativa, representada como un <title> real. No suprime la información sobre herramientas propia del gráfico.