コンテンツへスキップ

pivotick v3.0.0


ピボット / GraphUI / ツールチップ

インターフェース: Tooltip ​

定義: interfaces/GraphUI.ts:1044

プロパティ ​

allowPinning? ​

optional allowPinning: boolean

定義: interfaces/GraphUI.ts:1054


edgeHeaderMap ​

edgeHeaderMap: Partial<HeaderMapEntry<Edge>>

定義: interfaces/GraphUI.ts:1081


edgePropertiesMap() ​

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

定義: interfaces/GraphUI.ts:1085

async の場合があります — プロパティ リストには、解決されるまでプレースホルダーが表示されます。

パラメータ ​

edge ​

Edge

ctx ​

RenderContext

返品 ​

PropertyEntry[] | Promise<PropertyEntry[]>


enabled? ​

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

定義: interfaces/GraphUI.ts:1053

どのホバーにツールチップが表示されるか。

  • true / false: 全部か無しか。
  • { nodes, edges, groups }: 種類ごと。欠落しているキーは true なので、{ edges: false } エッジ以外のすべてを意味します。
  • (element, kind) => boolean: ホバーするたびに質問されます。投げたものはfalseとしてカウントされます。

デフォルト ​

ts
true

nodeHeaderMap ​

nodeHeaderMap: Partial<HeaderMapEntry<Node>>

定義: interfaces/GraphUI.ts:1080


nodePropertiesMap() ​

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

定義: interfaces/GraphUI.ts:1083

async の場合があります — プロパティ リストには、解決されるまでプレースホルダーが表示されます。

パラメータ ​

node ​

Node

ctx ​

RenderContext

返品 ​

PropertyEntry[] | Promise<PropertyEntry[]>


render? ​

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

定義: interfaces/GraphUI.ts:1094

ツールチップのカスタム レンダラー。このコンテンツはデフォルトのツールチップをオーバーライドします

デフォルト ​

ts
undefined

例 ​

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

備考 ​

返された string はプレーンテキストとしてレンダリングされます。 HTML をレンダリングするには HTMLElement を返します。 ツールチップrenderNodeExtraと同じ条件で、asyncになる可能性があります。


renderEdgeExtra()? ​

optional renderEdgeExtra: (edge, ctx) => RenderResult

定義: interfaces/GraphUI.ts:1070

エッジツールチップのカスタムレンダラー。このコンテンツは、デフォルトのツールチップの後に追加されます。

ツールチップrenderNodeExtraと同じ条件で、asyncになる可能性があります。

パラメータ ​

edge ​

Edge

ctx ​

RenderContext

返品 ​

RenderResult

デフォルト ​

ts
undefined

renderGroupExtra()? ​

optional renderGroupExtra: (group, ctx) => RenderResult

定義: interfaces/GraphUI.ts:1079

UI.simplify によって作成された、グループのツールチップのカスタム レンダラー。の後に追加 メンバーとそのリンク先のノード。グループは render と renderNodeExtra をスキップします。 これは 1 つのノードのデータに関するものです。

ツールチップrenderNodeExtraと同じ条件で、asyncになる可能性があります。

パラメータ ​

group ​

GroupInfo

ctx ​

RenderContext

返品 ​

RenderResult

デフォルト ​

ts
undefined

renderNodeExtra()? ​

optional renderNodeExtra: (node, ctx) => RenderResult

定義: interfaces/GraphUI.ts:1063

ノード ツールチップのカスタム レンダラー。このコンテンツは、デフォルトのツールチップの後に追加されます。

async の場合があります — ツールチップにプレースホルダーが表示され、コンテンツが入れ替えられ、 位置を変更します。別のノードをホバリングすると、最初に古い結果が削除され、中止されます。 ctx.signal。

パラメータ ​

node ​

Node

ctx ​

RenderContext

返品 ​

RenderResult

デフォルト ​

ts
undefined

setPosition()? ​

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

定義: interfaces/GraphUI.ts:1095

パラメータ ​

tooltip ​

HTMLElement

hoveredBCR ​

DOMRect

canvasBbox ​

DOMRect

返品 ​

void