pivotick v3.0.0

---

pivotick / RendererOptions / NodeBadge

Interface: NodeBadge

Definido em: interfaces/RendererOptions.ts:393

Um pequeno indicador fixado na borda de um nó - o que KeyLines e ReGraph chamam de glyph.

Os emblemas são um canal de decoração próprio, portanto, um nó pode carregar um fato no qual color, shape, size, iconClass e imagePath já foram gastos. Eles descrevem apenas o nó em que estão: um cluster recolhido não agrega os emblemas de seus filhos - caminhe node.children você mesmo se quiser.

Exemplo

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

Propriedades

color?

optional color: string

Definido em: interfaces/RendererOptions.ts:401

Qualquer cor CSS.

Padrão

var(--pvt-badge-color)

---

iconClass?

optional iconClass: string

Definido em: interfaces/RendererOptions.ts:407

---

iconUnicode?

optional iconUnicode: string

Definido em: interfaces/RendererOptions.ts:408

---

onClick()?

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

Definido em: interfaces/RendererOptions.ts:420

Chamado quando o emblema é clicado, antes de InterractionCallbacks.onBadgeClick.

Declará-lo faz com que o emblema pegue o cursor do ponteiro e consume o clique, para que o nó também não seja selecionado. Um crachá sem ele permanece transparente para o nó abaixo. Pressionar um emblema ainda arrasta o nó em qualquer direção.

Parâmetros

event

PointerEvent

node

Node

badge

NodeBadge

Retorno

void

---

position?

optional position: NodeBadgePosition

Definido em: interfaces/RendererOptions.ts:399

Em que canto sentar. Omita-o e o emblema será colocado automaticamente no primeiro canto livre, no sentido horário a partir de 'ne'. Uma posição explícita é honrada verbatim, mesmo quando isso se sobrepõe a outro emblema ou à capacidade de expansão.

---

svgIcon?

optional svgIcon: string

Definido em: interfaces/RendererOptions.ts:410

Marcação SVG inline, higienizada antes de chegar ao DOM.

---

text?

optional text: string

Definido em: interfaces/RendererOptions.ts:406

Uma contagem ou um ou dois caracteres. Um texto mais longo transforma o distintivo em uma pílula; após três caracteres, ele é renderizado como 99+. Tem precedência sobre qualquer ícone do mesmo emblema.

---

title?

optional title: string

Definido em: interfaces/RendererOptions.ts:412

Dica de ferramenta nativa, renderizada como um <title> real. Não suprime a dica de ferramenta do próprio gráfico.