g6 edge动态更新

g6 Edge 是 G6 图形库中用于描述节点和边之间复杂连接关系的数据结构，它代表了一个有向图的边。动态更新（即实时更新）是指在 G6 中，你可以根据业务需求的变化，对图表的数据模型（如节点位置、边的颜色、权重等）进行添加、修改或删除操作，而无需重新渲染整个图表。

在 G6 中，动态更新通常通过以下几个步骤来实现：

1. **创建实例**: 首先，你需要创建一个 Graph 或者 ForceLayout 实例来管理你的图形数据。

2. **数据绑定**: 将实际的数据（例如用户的交互数据或API返回的数据）绑定到 g6 的节点和边上。

3. **更新数据**: 当数据发生变化时，比如新添加节点或边，直接操作数据模型即可，不需要重新构建图表。

4. **触发渲染**: 使用 `setState` 或 `render` 方法通知 G6 渲染组件更新视图，仅刷新相关的部分，而不是整个视图。

**示例代码片段**:

const graph = new G6.Graph({
  container: 'container',
  width: 800,
  height: 600,
});

// 更新数据
graph.setNode('newNode', {id: 'newNode', x: 50, y: 50}); // 添加新节点
graph.addEdge('newEdge', ['nodeA', 'newNode'], {type: 'line'}); // 添加新边

// 触发渲染
graph.render();