antv g6 设置edge shape polyline 无效

在 AntV G6 中设置边的 `shape` 为 `polyline` 无效可能有以下几个原因：

1. G6 版本过低

`polyline` 是在 G6 4.1.1 版本中引入的，如果您的 G6 版本过低，可能不支持 `polyline` 的使用。请更新您的 G6 版本到最新的版本，并查看文档中有关 `polyline` 的用法。

2. `shape` 名称错误

在定义 `shape` 时，需要使用正确的名称。例如，如果定义了一个 `shape` 名称为 `polyline-edge`，则在边的配置中应该使用该名称：

graph.edge({
  style: {
    stroke: '#e2e2e2',
    lineWidth: 2,
    lineDash: [5, 5],
    lineAppendWidth: 3,
    endArrow: true,
  },
  shape: 'polyline-edge', // 使用正确的 shape 名称
});

3. `shape` 模块未导入

如果使用了自定义的 `shape`，需要确保已经正确导入了该模块。可以使用 `registerEdge` 方法注册该 `shape`：

import G6 from '@antv/g6';

// 导入自定义 shape 模块
import PolylineEdge from './polyline-edge';

// 注册自定义 shape
G6.registerEdge('polyline-edge', PolylineEdge);

// 创建 G6 实例
const graph = new G6.Graph({
  container: 'container',
  ...
});

// 配置边
graph.edge({
  style: {
    stroke: '#e2e2e2',
    lineWidth: 2,
    lineDash: [5, 5],
    lineAppendWidth: 3,
    endArrow: true,
  },
  shape: 'polyline-edge', // 使用正确的 shape 名称
});

4. `shape` 模块定义错误

如果使用自定义的 `shape`，还需要确保该模块定义正确。可以参考 G6 官方文档中有关 `shape` 自定义的部分，确保模块中正确定义了 `draw` 方法，并且该方法返回正确的绘制结果。