如何在 AntV G6 中启用和配置图例？

在 AntV G6 中，你可以按照以下步骤来启用并配置图例：

1. 首先，你需要安装 `@antv/g6` 和相关的依赖，如果还没有安装，可以在项目目录下运行：

   npm install antv/g6 @antv/graphviz @antv/container

2. 引入必要的组件：

   import { Graph, Node, Edge, Layout, Label, Tooltip, Interaction } from '@antv/g6';
   import Legend from '@antv/g6/legend'; // 引入图例组件

3. 初始化一个 `Graph` 对象，并创建一个新的 `Legend` 实例：

   const graph = new Graph({
     container: 'container', // 渲染容器id
     width: 800,
     height: 600,
     modes: {
       default: ['drag-node', 'drag-link']
     }
   });

   const legend = new Legend({
     position: 'bottom-left', // 图例位置，默认居左下角
     data: {} // 如果有特定的图例项，提供数据数组
   });

4. 设置图例的相关配置，如标题、颜色映射等：

   legend.title('我的图例'); // 图例标题
   legend.colors({ // 颜色映射，可以根据数据系列设置不同的颜色
     seriesA: '#FF0000',
     seriesB: '#00FF00'
   });

5. 将图例添加到 `Graph` 上：

   graph.add(legend);

6. 运行布局算法和视图更新：

   graph.data(data); // 填充数据
   graph.fit(); // 自动调整视口大小以包含所有节点