边过滤镜可以将关注的边保留在过滤镜范围内，其他边将在该范围内不显示。

参考示例：

• 边过滤镜

配置项

Required type

edge-filter-lens | string

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

edgeStyle

EdgeStyle | (datum: EdgeData) => EdgeStyle

在透镜中边的样式

filter

(id: string, elementType: 'node' | 'edge' | 'combo') => boolean

过滤出始终不在透镜中显示的元素

maxR

number Default: canvas 宽高最小值的一半

透镜的最大半径。只有在 scaleRBy 为 wheel 时生效

minR

number Default: 0

透镜的最小半径。只有在 scaleRBy 为 wheel 时生效

nodeStyle

NodeStyle | ((datum: NodeData) => NodeStyle__)

在透镜中节点的样式

nodeType

'both' | 'source' | 'target' | 'either' Default: 'both'

边显示的条件

• 'both'：只有起始节点和目标节点都在透镜中时，边才会显示

• 'source'：只有起始节点在透镜中时，边才会显示

• 'target'：只有目标节点在透镜中时，边才会显示

• 'either'：只要起始节点或目标节点有一个在透镜中时，边就会显示

preventDefault

boolean Default: true

是否阻止默认事件

r

number Default: 60

透镜的半径

scaleRBy

'wheel' Default: ``

缩放透镜半径的方式

• 'wheel'：通过滚轮缩放透镜的半径

style

BaseStyleProps

透镜的样式

trigger

'pointermove' | 'click' | 'drag' Default: 'pointermove'

移动透镜的方式

• 'pointermove'：始终跟随鼠标移动

• 'click'：鼠标点击时透镜移动

• 'drag'：拖拽透镜

API

EdgeFilterLens.destroy()

destroy(): void;

EdgeFilterLens.update(options)

update(options: Partial<EdgeFilterLensOptions>): void;