mtdv logo

事件

阅读时间约 2 分钟

graph.eventEmitter.on()

Function

监听事件


graph.eventEmitter.emit()

Function

触发事件


图谱内置的所有基础事件如下列表

  • 生命周期事件
触发时机事件名称参数
开始渲染节点render
图谱销毁destroy
simulation 初始化start
simulation tick 开始tick
simulation tick 结束tick-end
zoom-transform 开始zoom-start{ event }

- event: object 缩放事件实例
zoom-transform 帧zoom{ event }

- event: object 缩放事件实例
zoom-transform 结束zoom-end{ event }

- event: object 缩放事件实例
  • 鼠标事件
触发时机事件名称参数
左键单击节点node-click{ item, index, array, event }

- item: object 节点
- index: number 节点 index
- array: Array 所有节点
- event: object 点击事件实例
左键双击节点dblclick{ item, index, array, event }

- item: object 节点
- index: number 节点 index
- array: Array 所有节点
- event: object 点击事件实例
鼠标移入节点mouseenter{ event, d, ctx }

- event: object 鼠标事件实例
- d: object 节点
- ctx: object 当前图谱
鼠标移出节点mouseleave{ event, d, ctx }

- event: object 鼠标事件实例
- d: object 节点
- ctx: object 当前图谱
右键单击菜单contextmenu{ event, d, }

- event: object 鼠标事件实例
- d: object 节点