# 图引擎编辑器介绍 编辑器页面分为图分析区（包括探索区、操作区、元数据区、算法区、索引区）、绘图区、查询区、结果展示区、条件过滤及属性区。 图1编辑器页面 ![](https://support.huaweicloud.com/usermanual-ges/zh-cn_image_0000002374925521.png) 表1区域说明 | 区域名称 | 说明 | |:---|:---| | 探索区 | 提供图相关工具来探索图（例如：路经拓展），具体功能介绍请参考[使用图探索功能分析图](https://support.huaweicloud.com/usermanual-ges/ges_01_0145.html)。 | | 操作区 | 通过调用API的方式来添加自定义操作。具体功能介绍请参考[为图添加自定义操作集](https://support.huaweicloud.com/usermanual-ges/ges_01_0119.html)。 | | 元数据区 | 可以对元数据进行操作（如添加、隐藏、导入或导出等）。具体功能介绍请参考[配置图的Schema数据](https://support.huaweicloud.com/usermanual-ges/ges_01_0090.html)。 | | 算法区 | 显示了GES服务支持的所有算法，且可在此区域设置各算法相关的属性。完整算法区功能介绍如[表2]所示。 说明： 算法区选择算法，执行后，画布区将展示包含关键结果的采样子图，对应的执行结果非完整结果。想获取完整返回结果请通过调用API获取。 | | 索引区 | 图访问界面增加索引管理功能，方便您在界面进行索引增删查操作。 | | 绘图区 | 图数据的可视化展示区。绘图区预置了快捷操作，方便您对图数据进行分析。 绘图区详细功能介绍如[表3]所示。 | | 图数据查询区 | 1. 可以输入Gremlin查询语句执行查询操作。 2. 可以输入Cypher查询语句执行查询操作。 3. 可以输入DSL查询语句执行查询操作。 | | 结果展示区 | 包含如下两个页签： - 运行记录：具体介绍请参考[查看图查询的运行记录](https://support.huaweicloud.com/usermanual-ges/ges_01_0028.html) - 查询结果：具体介绍请参考[查看图数据分析的查询结果](https://support.huaweicloud.com/usermanual-ges/ges_01_0029.html) | | 条件过滤及属性区 | 在绘图区，可以选中一个点，单击右键，选择"查看属性"，显示该页面。 包含如下三个页签： - 条件过滤页签可以设置条件属性，对图数据进行筛选分析。具体介绍请参考[设置过滤条件筛选图数据](https://support.huaweicloud.com/usermanual-ges/ges_01_0027.html)。 - 属性页签展示选中点或边的属性信息。 - 统计信息展示页签会显示出当前所框选的点边对应的标签和节点权重的数量。具体介绍请参考[展示图实例的统计信息](https://support.huaweicloud.com/usermanual-ges/ges_01_0139.html)。 | ![](https://support.huaweicloud.com/usermanual-ges/public_sys-resources/note_3.0-zh-cn.png) 持久化版的图有如下限制： 1. 没有算法区。 2. 元数据区不支持添加Label。 3. 无操作区功能（不支持添加自定义操作）。 4. 图数据查询区，只有cypher查询，不支持gremlin查询。 图2算法区 ![](https://support.huaweicloud.com/usermanual-ges/zh-cn_image_0000002374925565.png) 表2算法区介绍 | 界面元素 | 说明 | |:---|:---| | ![](https://support.huaweicloud.com/usermanual-ges/zh-cn_image_0000002341087414.png) | 输入算法名称，快速查找对应的算法。 | | ![](https://support.huaweicloud.com/usermanual-ges/zh-cn_image_0000002374925625.png) | 展开算法的参数配置区域。 | | ![](https://support.huaweicloud.com/usermanual-ges/zh-cn_image_0000002374885433.png) | 运行算法。 | | ![](https://support.huaweicloud.com/usermanual-ges/zh-cn_image_0000002374925597.png) | 算法的属性设置区域。每个算法的属性不同，详细信息请参考[图算法参考](https://support.huaweicloud.com/usermanual-ges/ges_01_0030.html)。 | 图3绘图区 ![](https://support.huaweicloud.com/usermanual-ges/zh-cn_image_0000002512598159.png) 表3绘图区介绍 | 界面元素 | 说明 | |:---|:---| | ![](https://support.huaweicloud.com/usermanual-ges/zh-cn_image_0000002374925541.png) | 第1行： 13表示当前图上的点数据，886813表示整张图的所有点数据。 第2行： 9表示当前图上的边数据，892773表示整张图所有边的数据。 | | ![](https://support.huaweicloud.com/usermanual-ges/zh-cn_image_0000002340927662.png) | 孤立点是指和其余点没有关联，在画布中独立存在的点。 - 框选内孤立点：框选（Shift+ 鼠标左键拖动）画布中的点，单击该按钮可查看框选范围内的所有孤立点。 - 画布内全量孤立点：直接单击该按钮，可显示画布中所有的孤立点。 | | ![](https://support.huaweicloud.com/usermanual-ges/zh-cn_image_0000002340927650.png) | 选中画布中任意一个非孤立点，单击该按钮可查看与当前选中点有关联的所有点。 | | ![](https://support.huaweicloud.com/usermanual-ges/zh-cn_image_0000002341087370.png) | 撤销前一步操作。 | | ![](https://support.huaweicloud.com/usermanual-ges/zh-cn_image_0000002340927686.png) | 恢复被撤销的前一步操作。 | | ![](https://support.huaweicloud.com/usermanual-ges/zh-cn_image_0000002341087342.png) | 选择显示"全图数据"或"当前数据"。 - "全图数据"是图的所有数据。 - "当前数据"是当前在画布上渲染出来的数据。 | | ![](https://support.huaweicloud.com/usermanual-ges/zh-cn_image_0000002341087422.png) | 可以切换图引擎编辑器的主题，支持浅色、深色和跟随系统三种主题。 | | ![](https://support.huaweicloud.com/usermanual-ges/zh-cn_image_0000002374885421.png) | 选择了"全图数据"或者"当前数据"，在搜索框里输入节点ID，按回车或者单击查询图标，可快捷搜索出对应的点数据并渲染到图展示区域。 说明： - 当前只支持单个顶点ID的输入。 - 选择"当前数据"搜索，当前画布存在点会高亮显示出来。 | | ![](https://support.huaweicloud.com/usermanual-ges/zh-cn_image_0000002340927630.png) | 单击"清空画布"，清除画布所有内容。 | | ![](https://support.huaweicloud.com/usermanual-ges/zh-cn_image_0000002374925549.png) | 将画布内容导出，支持导出为txt格式（当前画布的点边文件）。 | | ![](https://support.huaweicloud.com/usermanual-ges/zh-cn_image_0000002340927682.png) | 快捷键。 - Ctrl+E（选择画布中与当前已选中点关联的点和边）。 - +（放大画布）。 - -（缩小画布）。 - Ctrl+Z (撤销输入框内的上一步输入)。 - Ctrl+A（画布内容全选）。 - Ctrl+Delete（清空画布）。 - Delete（快捷隐藏点）。 - Ctrl+单击（多选单击的点和边）。 | | ![](https://support.huaweicloud.com/usermanual-ges/zh-cn_image_0000002340927618.png) | 快照，用户可以快速保存和恢复画布当前所展示的图。具体功能介绍请参考快照。 | | ![](https://support.huaweicloud.com/usermanual-ges/zh-cn_image_0000002374925629.png) | 放大图，最大放大至6倍。 | | ![](https://support.huaweicloud.com/usermanual-ges/zh-cn_image_0000002374925517.png) | 缩小图，最小缩小至0.05倍。 | | ![](https://support.huaweicloud.com/usermanual-ges/zh-cn_image_0000002374925569.png) | 适配当前屏幕。 当界面中展示的点边与当前操作的浏览器窗口大小失调时，单击此按钮，可快速自动适配窗口大小。 | | ![](https://support.huaweicloud.com/usermanual-ges/zh-cn_image_0000002340927560.png) | 快速切换布局。从左往右分别为：圆形布局、网格布局、核心单节点布局、分层布局、自动分群布局、核心双节点布局。展示效果如[图 圆形布局展示效果]所示。 说明： 核心双节点布局必须要选中两个点才可以生效。 | | ![](https://support.huaweicloud.com/usermanual-ges/zh-cn_image_0000002374885465.png) | 当画布中有图数据时，单击图数据内容，可根据需要选择图数据的颜色和大小。 | | ![](https://support.huaweicloud.com/usermanual-ges/zh-cn_image_0000002374885521.png) | 点详情弹窗。把鼠标移动到想要查看的非虚化节点上，会自动显示出该节点的id、label，属性等信息。 说明： 弹窗最多能显示节点的6个属性。当该节点的属性大于6个时，您可以到[条件过滤及属性区]查看该节点的完整属性信息。 | | 绘图区快捷键操作 | **框选：Shift+ 鼠标左键拖动** 框选区域内所有点边，效果如下所示。 ![](https://support.huaweicloud.com/usermanual-ges/zh-cn_image_0000002341087310.png) | | 绘图区快捷键操作 | **多选：Ctrl+ 鼠标左键拖动** 框选区域内所有点边被选中并高亮，效果如下所示。 ![](https://support.huaweicloud.com/usermanual-ges/zh-cn_image_0000002374925529.png) | | 绘图区快捷键操作 | **正选/反选：Ctrl + 鼠标左键** ctrl+鼠标左键选中点或者边，可以选中并高亮，按住ctrl键再次单击选中点或者边，可以取消选中并去除高亮状态。 | | 绘图区快捷键操作 | **全选：Ctrl + A** 选中所有点和边，并高亮。 | | 绘图区快捷键操作 | **选择关联点边：Ctrl + E** 选中点之后按ctrl+E，可以将有关系的点和边选中高亮。 | | 绘图区快捷键操作 | **隐藏：Delete** 选中点或边，按Delete，可以快捷隐藏点或者边。 | | 绘图区快捷键操作 | **适配：Ctrl + F** 根据当前屏幕宽度和高度自动缩放所有点和边。 | | 绘图区快捷键操作 | **缩小：-** 键盘对应 - 键，缩小当前画布显示。 | | 绘图区快捷键操作 | **放大：=（+）** 键盘对应 + 键，放大当前画布展示。 | | 绘图区快捷键操作 | **取消选中：Esc** 所有选中的点和边取消选中，高亮状态消失。 | | 绘图区快捷键操作 | **放大缩小：滑动鼠标滚轮** 滑动鼠标滚轮可以放大缩小画布显示。 | 图4圆形布局展示效果 ![](https://support.huaweicloud.com/usermanual-ges/zh-cn_image_0000002374925633.png) 图5网格布局展示效果 ![](https://support.huaweicloud.com/usermanual-ges/zh-cn_image_0000002341087402.png) 图6核心单节点布局展示效果 ![](https://support.huaweicloud.com/usermanual-ges/zh-cn_image_0000002341087338.png) 图7分层布局展示效果 ![](https://support.huaweicloud.com/usermanual-ges/zh-cn_image_0000002340927570.png) 图8自动分群布局展示效果 ![](https://support.huaweicloud.com/usermanual-ges/zh-cn_image_0000002341087346.png) 图9核心双节点布局展示效果 ![](https://support.huaweicloud.com/usermanual-ges/zh-cn_image_0000002340927622.png)