Link

Link是 NetV.js 的一个基本对象. 它默认被可视化成一条直线 (没有箭头).

操作

Link.source()

获取或者设置边的源头节点.

• Link.source(): 获取边的源头节点 (一个 Node 对象).
• Link.source(Node): 设置边的源头节点.

Link.target()

同 Link.source() 一样.

Link.sourceTarget()

获取或者设置边的源头节点和目标节点.

• Link.sourceTarget(): 返回一个对象,包含了边的源头节点和目标节点 ({source: Node, target: Node}).

• Link.sourceTarget( {source: Node, target: Node} ): 设置边的源头节点和目标节点.

  const linkOneTwo = netV.getLinkByEnds('1', '2')
  const nodeOne = netV.getNodeById('1')
  const nodeThree = netV.getNodeById('3')
  linkOneTwo.sourceTarget({
      source: nodeOne,
      target: nodeThree
  }) // 改变 linkOneTwo's 目标节点到 nodeThree
  

样式

const linkOneTwo = netV.getLinkByEnds('1', '2')
link.strokeWidth(4)
link.strokeColor({ r: 0, g: 0.44, b: 0.74, a: 1 })
netV.draw()

Link.strokeColor()

获取或者设置边的颜色.

• Link.strokeColor(): 获取边的颜色 (一个 Color 对象 ).
• Link.strokeColor(Color): 设置边的颜色.

Link.strokeWidth()

获取或者设置边的宽度.

• Link.strokeWidth(): 获取边的宽度 (一个数字).
• Link.strokeWidth( number ): 设置边的宽度.

交互

Link.on()

Link.on(eventName: string, callback?: (e:Event) => {}): 为边添加交互事件，支持的事件类型包括: 'mousedown', 'mouseup', 'click', 'mouseover', and 'mouseout'.

Link.off()

Link.off(eventName, callback?: (e:Event) => {}): 删除绑定在边上的交互回调函数，如果未指定callback，将删除所有对应事件的回调。