当鼠标悬停在元素上时，可以激活元素的状态，例如高亮节点或边。

配置项

Required type

hover-activate | string

此插件已内置，你可以通过 type: 'hover-activate' 来使用它。

animation

boolean Default: true

是否启用动画

degree

number | ((event: Event) => number) Default: 0

激活元素的n度关系

• 默认为 0，表示只激活当前节点

• 1 表示激活当前节点及其直接相邻的节点和边，以此类推

direction

'in' | 'out' | 'both' Default: 'both'

指定边的方向

• 'both': 表示激活当前节点的所有关系

• 'in': 表示激活当前节点的入边和入节点

• 'out': 表示激活当前节点的出边和出节点

enable

boolean | ((event: Event) => boolean) Default: true

是否启用悬浮元素的功能

inactiveState

string

非激活元素的状态，默认为不改变

onHover

(event: Event) => void

当元素被悬停时的回调

onHoverEnd

(event: Event) => void

当悬停结束时的回调

state

string Default: 'active'

激活元素的状态，默认为 active

API

HoverActivate.destroy()

destroy(): void;

HoverActivate.getActiveIds(event)

protected getActiveIds(event: IPointerEvent<Element>): string[];