想问一下，怎么实现连线的时候，所有连接桩都展示出来啊

[Jesse0810]

我看文档里面没有给连接过程中的监听事件，我都没法手动展示

[XueMeijing]

我感觉这里有点问题，连线肯定需要连接桩，所以是先展示连接桩才能连线。官方demo https://x6.antv.antgroup.com/examples/showcase/practices/#flowchart 中是鼠标移入节点展示连接桩。

// 控制连接桩显示/隐藏
const showPorts = (ports: NodeListOf<SVGElement>, show: boolean) => {
  for (let i = 0, len = ports.length; i < len; i += 1) {
    ports[i].style.visibility = show ? 'visible' : 'hidden'
  }
}
graph.on('node:mouseenter', () => {
  const container = document.getElementById('graph-container')!
  const ports = container.querySelectorAll(
    '.x6-port-body',
  ) as NodeListOf<SVGElement>
  showPorts(ports, true)
})
graph.on('node:mouseleave', () => {
  const container = document.getElementById('graph-container')!
  const ports = container.querySelectorAll(
    '.x6-port-body',
  ) as NodeListOf<SVGElement>
  showPorts(ports, false)
})