g6 实现流动lineDash

要实现流动的虚线效果，可以通过动态修改 `lineDash` 属性来实现。具体实现过程如下：

1. 定义一个数组 `lineDash`，用于存储虚线的实线和空白区域的长度；
2. 定义一个变量 `offset`，用于表示虚线的偏移量，初始值为 `0`；
3. 使用 `setInterval` 方法定时更新 `offset` 变量的值，并将更新后的值赋给 `lineDash` 数组的第一个元素，即实线的长度；
4. 在 `style` 属性中设置 `lineDash` 和 `lineDashOffset` 属性，其中 `lineDash` 属性使用 `lineDash` 数组，`lineDashOffset` 属性使用 `offset` 变量。

下面是一个示例代码：

// 创建 Canvas 上下文对象
var canvas = document.getElementById('canvas');
var ctx = canvas.getContext('2d');

// 定义变量和数组
var lineDash = [10, 5]; // 实线长度为 10px，空白长度为 5px
var offset = 0;

// 定时更新虚线
setInterval(function() {
  offset++;
  if (offset > lineDash[0]) {
    offset = 0;
  }
  ctx.clearRect(0, 0, canvas.width, canvas.height);
  ctx.setLineDash([lineDash[0] - offset, lineDash[1]]);
  ctx.beginPath();
  ctx.moveTo(0, 50);
  ctx.lineTo(400, 50);
  ctx.stroke();
}, 20);

在 `@antv/g6` 中，实现流动的虚线也是类似的。首先需要定义一个数组 `lineDash` 和一个变量 `offset`，然后在 `update` 方法中更新 `offset` 变量的值，并将更新后的值赋给 `lineDash` 数组的第一个元素。同时，在 `style` 属性中设置 `lineDash` 和 `lineDashOffset` 属性，其中 `lineDash` 属性使用 `lineDash` 数组，`lineDashOffset` 属性使用 `offset` 变量。

以下是一个示例代码：

// 创建 G6 图形实例
const graph = new G6.Graph({
  container: 'container',
  width: 500,
  height: 500,
  modes: {
    default: ['drag-node']
  },
  defaultNode: {
    type: 'circle'
  },
  defaultEdge: {
    type: 'line',
    style: {
      lineWidth: 5,
      lineDash: [10, 5], // 实线长度为 10px，空白长度为 5px
      lineDashOffset: 0 // 初始偏移量为 0
    }
  }
});

// 定义变量和数组
var lineDash = [10, 5]; // 实线长度为 10px，空白长度为 5px
var offset = 0;

// 定时更新虚线
setInterval(function() {
  offset++;
  if (offset > lineDash[0]) {
    offset = 0;
  }
  const edges = graph.getEdges();
  edges.forEach(function(edge) {
    edge.update({
      style: {
        lineDash: [lineDash[0] - offset, lineDash[1]],
        lineDashOffset: -offset
      }
    });
  });
}, 20);

在上述代码中，使用 `setInterval` 方法定时更新虚线。其中，`edge.update` 方法用于更新边的样式，`lineDash` 和 `lineDashOffset` 属性用于设置虚线的样式。同时，`getEdges` 方法可以获取所有的边，便于对边进行样式的统一设置。