SuperAPI AI 工具集

antv-x6-editor

通用与其它

查看项目

更新于 10-15 16:51

技能介绍

用途:X6 v3 是 AntV 的图形编辑引擎,用于流程图、DAG、ER 图、组织架构图等交互式节点-边编辑器。与 G2/G6 不同,X6 使用命令式 API:先创建 Graph 实例,再调用 graph.addNode()、graph.addEdge(),并通过 graph.use() 注册插件。依赖为 @antv/x6,导出 Graph 与 11 个插件类。

主要能力:支持节点、边、端口、路由、连接器、HTML 节点、Stencil 拖拽面板、序列化(toJSON/fromJSON)、事件、动画与分组嵌套;11 个插件类为 Clipboard、Dnd、Export、History、Keyboard、MiniMap、Scroller、Selection、Snapline、Stencil、Transform。

使用方式:可模块化 import { Graph } from '@antv/x6' 创建实例,也可用 CDN 脚本(https://unpkg.com/@antv/x6@3/dist/x6.js)以 X6.Graph 使用。需要理解概念、API 或示例时,可调用内容检索服务:GET https://sive.antv.antgroup.com/api/v1/context/retrieve,参数含 query、library(g2/g6/x6)、topK、content、maxTokens;例如 curl "https://sive.antv.antgroup.com/api/v1/context/retrieve?query=flowchart+stencil+port&library=x6"。

限制与注意:X6 v3 不存在 graph.render();container 需用字符串字面量 'container';插件必须先注册再调用,且用到的类必须出现在 import 中;所有节点/边添加后应调用 graph.centerContent();必须设置背景色与默认节点/边样式;mousewheel、panning、Selection.rubberband 需用 modifiers 避免冲突;输出纯 JavaScript,不使用 TypeScript 语法;HTML 节点用 Shape.HTML.register,而非类继承 Node。插件与构造项不可混淆,例如 embedding、mousewheel、panning 属于构造项而非插件。