Naar inhoud

pivotick v3.0.0


draaipunt / GraphUI / Tooltip

Interface: Tooltip ​

Gedefinieerd in: interfaces/GraphUI.ts:1044

Eigenschappen ​

allowPinning? ​

optional allowPinning: boolean

Gedefinieerd in: interfaces/GraphUI.ts:1054


edgeHeaderMap ​

edgeHeaderMap: Partial<HeaderMapEntry<Edge>>

Gedefinieerd in: interfaces/GraphUI.ts:1081


edgePropertiesMap() ​

edgePropertiesMap: (edge, ctx) => PropertyEntry[] | Promise<PropertyEntry[]>

Gedefinieerd in: interfaces/GraphUI.ts:1085

Mag async zijn: de eigenschappenlijst toont een tijdelijke aanduiding totdat deze is opgelost.

Parameters ​

edge ​

Edge

ctx ​

RenderContext

Retouren ​

PropertyEntry[] | Promise<PropertyEntry[]>


enabled? ​

optional enabled: boolean | TooltipKinds | (element, kind) => boolean

Gedefinieerd in: interfaces/GraphUI.ts:1053

Welke hovers tonen een tooltip.

  • true / false: alles of geen.
  • { nodes, edges, groups }: per soort. Een ontbrekende sleutel is true, dus { edges: false } betekent alles behalve randen.
  • (element, kind) => boolean: gevraagd bij elke hover. Eén die gooit, telt als false.

Standaard ​

ts
true

nodeHeaderMap ​

nodeHeaderMap: Partial<HeaderMapEntry<Node>>

Gedefinieerd in: interfaces/GraphUI.ts:1080


nodePropertiesMap() ​

nodePropertiesMap: (node, ctx) => PropertyEntry[] | Promise<PropertyEntry[]>

Gedefinieerd in: interfaces/GraphUI.ts:1083

Mag async zijn: de eigenschappenlijst toont een tijdelijke aanduiding totdat deze is opgelost.

Parameters ​

node ​

Node

ctx ​

RenderContext

Retouren ​

PropertyEntry[] | Promise<PropertyEntry[]>


render? ​

optional render: string | HTMLElement | (element, ctx) => RenderResult

Gedefinieerd in: interfaces/GraphUI.ts:1094

Aangepaste renderer voor de tooltip. Deze inhoud overschrijft de standaard tooltip

Standaard ​

ts
undefined

Voorbeeld ​

ts
(element) => `element id: ${element.id}`

Opmerkingen ​

Een geretourneerde string wordt weergegeven als platte tekst; retourneer een HTMLElement om HTML weer te geven. Mag async zijn, onder dezelfde voorwaarden als Tooltip.renderNodeExtra.


renderEdgeExtra()? ​

optional renderEdgeExtra: (edge, ctx) => RenderResult

Gedefinieerd in: interfaces/GraphUI.ts:1070

Aangepaste renderer voor randtooltips. Deze inhoud wordt toegevoegd na de standaard tooltip.

Mag async zijn, onder dezelfde voorwaarden als Tooltip.renderNodeExtra.

Parameters ​

edge ​

Edge

ctx ​

RenderContext

Retouren ​

RenderResult

Standaard ​

ts
undefined

renderGroupExtra()? ​

optional renderGroupExtra: (group, ctx) => RenderResult

Gedefinieerd in: interfaces/GraphUI.ts:1079

Aangepaste renderer voor tooltip van een groep, gemaakt door UI.simplify. Toegevoegd na zijn leden en de knooppunten waarnaar deze verwijst. Een groep slaat render en renderNodeExtra over, die gaan over de gegevens van één knooppunt.

Mag async zijn, onder dezelfde voorwaarden als Tooltip.renderNodeExtra.

Parameters ​

group ​

GroupInfo

ctx ​

RenderContext

Retouren ​

RenderResult

Standaard ​

ts
undefined

renderNodeExtra()? ​

optional renderNodeExtra: (node, ctx) => RenderResult

Gedefinieerd in: interfaces/GraphUI.ts:1063

Aangepaste renderer voor knopinfo voor knooppunten. Deze inhoud wordt toegevoegd na de standaard tooltip.

Mag async zijn: de tooltip toont een tijdelijke aanduiding en wisselt vervolgens de inhoud in en herpositioneert zichzelf. Als u over een ander knooppunt zweeft, wordt eerst het verouderde resultaat verwijderd en wordt het afgebroken ctx.signal.

Parameters ​

node ​

Node

ctx ​

RenderContext

Retouren ​

RenderResult

Standaard ​

ts
undefined

setPosition()? ​

optional setPosition: (tooltip, hoveredBCR, canvasBbox) => void

Gedefinieerd in: interfaces/GraphUI.ts:1095

Parameters ​

tooltip ​

HTMLElement

hoveredBCR ​

DOMRect

canvasBbox ​

DOMRect

Retouren ​

void