如何将鼠标悬停在一个节点上，同时在两个节点上的cytoscape中显示qtips？

// 创建cytoscape实例
var cy = cytoscape({
  container: document.getElementById('cy'),
  elements: [
    // 添加节点和边的数据
    // ...
  ],
  // 设置布局等其他配置
  // ...
});

// 监听鼠标悬停事件
cy.on('mouseover', 'node', function(event) {
  var node = event.target; // 获取当前鼠标悬停的节点
  var nodeData = node.data(); // 获取节点的数据

  // 创建两个新节点，用于显示qtips
  var qtip1 = cy.add({
    group: 'nodes',
    data: { id: 'qtip1', label: 'qtip1' },
    position: { x: node.position().x - 100, y: node.position().y }
  });

  var qtip2 = cy.add({
    group: 'nodes',
    data: { id: 'qtip2', label: 'qtip2' },
    position: { x: node.position().x + 100, y: node.position().y }
  });

  // 设置新节点的样式
  qtip1.style({
    'background-color': 'yellow',
    'shape': 'roundrectangle',
    'width': '80px',
    'height': '40px'
  });

  qtip2.style({
    'background-color': 'yellow',
    'shape': 'roundrectangle',
    'width': '80px',
    'height': '40px'
  });

  // 添加边连接新节点和当前节点
  cy.add({
    group: 'edges',
    data: { id: 'qtipEdge', source: node.id(), target: 'qtip1' }
  });

  cy.add({
    group: 'edges',
    data: { id: 'qtipEdge', source: node.id(), target: 'qtip2' }
  });

  // 监听鼠标移出事件
  qtip1.on('mouseout', function() {
    // 移除新节点和边
    cy.remove(qtip1);
    cy.remove('edge[id="qtipEdge"]');
  });

  qtip2.on('mouseout', function() {
    // 移除新节点和边
    cy.remove(qtip2);
    cy.remove('edge[id="qtipEdge"]');
  });
});