antv x6 isEdge 用法示例

AntV X6 是一个强大的图形可视化引擎，提供了丰富的图形绘制和交互功能。在 X6 中，isEdge 是一个用于判断一个元素是否为连接线的方法。

以下是一个示例代码，展示了如何使用 isEdge 判断一个元素是否为连接线，并且根据其类型进行不同的处理：

const { Graph, Node, Edge } = require('@antv/x6');

// 创建一个图形实例
const graph = new Graph({
  container: document.getElementById('container'),
  width: 800,
  height: 600,
});

// 添加一个节点和一个连接线
const node1 = graph.addNode({
  x: 50,
  y: 50,
  width: 100,
  height: 40,
  label: 'Node 1',
});
const node2 = graph.addNode({
  x: 200,
  y: 200,
  width: 100,
  height: 40,
  label: 'Node 2',
});
const edge = graph.addEdge({
  source: node1,
  target: node2,
  label: 'Edge',
});

// 遍历图中的所有元素
graph.getNodes().forEach((node) => {
  if (node.isEdge()) {
    // 如果是连接线，设置其样式
    node.attr('line/stroke', 'red');
  } else {
    // 如果是节点，设置其样式
    node.attr('body/fill', 'blue');
  }
});

// 判断某个元素是否为连接线
console.log(edge.isEdge()); // true
console.log(node1.isEdge()); // false
console.log(node2.isEdge()); // false

在上述示例中，我们创建了一个图形实例，并且添加了一个节点和一个连接线。然后遍历了图中的所有元素，对于连接线设置了红色的边框，对于节点设置了蓝色的填充。最后使用 isEdge 方法判断了某个元素是否为连接线，并输出了结果。