g6 画矩形多选nodes节点

g6是一款基于JavaScript的可视化库，它专注于提供易用性和性能，常用于数据可视化的图表绘制。在g6中，你可以通过创建`Node`实例并设置相应的属性来表示图中的节点，包括矩形形状。如果你想实现矩形节点的多选功能，可以结合事件监听器来操作。

首先，你需要定义矩形节点的基本配置：

import { Node } from '@antv/g6';

const nodeConfig = {
  type: 'rect', // 使用矩形类型
  size: [50, 30], // 宽度和高度
  style: {
    fill: '#f00', // 节点填充颜色
    lineWidth: 2, // 边框线宽度
  },
};

然后，在渲染节点时，添加`on('click')`事件监听器，当用户点击节点时触发选择操作：

const nodes = [
  new Node(nodeConfig),
  ...// 其他节点
];

nodes.forEach((node) => {
  node.on('click', (event) => {
    if (event.target.isSelected()) {
      event.target.unselect(); // 如果已选中，则取消选择
    } else {
      node.select(); // 否则选择节点
    }
  });
});

// 添加到绘图容器
graph.add(nodes);

这样，当你在g6图形上点击矩形节点时，会切换其选中状态。