antv g6 如何画一个折线

使用 AntV G6 画折线需要以下步骤：

1. 创建一个 G6 实例并指定 container

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

2. 定义数据源

const data = {
  nodes: [
    { id: 'node1', x: 50, y: 50 },
    { id: 'node2', x: 200, y: 50 },
    { id: 'node3', x: 350, y: 50 },
    { id: 'node4', x: 500, y: 50 },
  ],
  edges: [
    { source: 'node1', target: 'node2' },
    { source: 'node2', target: 'node3' },
    { source: 'node3', target: 'node4' },
  ],
};

3. 配置节点和边的样式

graph.node({
  size: 20,
  style: {
    fill: '#C6E5FF',
    stroke: '#5B8FF9',
    lineWidth: 2,
  },
});
graph.edge({
  style: {
    stroke: '#e2e2e2',
    lineWidth: 2,
  },
});

4. 渲染图形

graph.data(data);
graph.render();

以上是画一个简单的折线图的步骤，如果需要更多的定制化操作，可以参考 AntV G6 官方文档。