初始化 G6.TreeGraph 初始化 G6.TreeGraph 参数 名称 类型 默认值 描述 layout object null 3.0.4 版本开始支持树布局算法配置 。3.0.4 版本之前是 function 形式。建议开发者使用配置形式，操作粒度更细。 animate boolean true 默认打开重布局动画开关。 ...

布局 layout() updateLayout(cfg) 布局 G6 3.1 内置了丰富的布局。关于如何使用 G6 中内置的布局，请参考 Layout API文档 。 layout() 重新以当前配置的属性进行一次布局。 用法 const graph = new G6 . Graph ({ container : ...

自定义交互 Behavior Behavior 的生命周期 自定义交互 registerBehavior 使用自定义的 Behavior 自定义交互 Behavior G6 除了提供丰富的 内置交互行为 Behavior 外，还提供了自定义交互行为的机制，方便用户开发更加定制化的交互行为。 在交互行为上， G6 主要考虑了三个场景： 展...

图 Graph 什么是 Graph 前提代码 初始化/实例化图 必要配置项 常用配置项 整体渲染相关 全局元素配置 布局相关 交互行为相关 动画相关 插件 常用函数 图 Graph 什么是 Graph 中文字“图”在大家的传统认知里指的是图画、图像，而图论与可视化中的“图”—— Graph 则有着更精确的定位：主体（obj...

绘制Tutorial案例 基础绘制 创建容器 数据准备 图实例化 图的渲染 绘制结果 真实数据加载 加载远程数据 常用配置 完整代码 - 绘制Tutorial案例 本文将进行 Tutorial案例 的简单绘制和配置。通过本文，你将知道创建一般图时一些常用的配置项及其作用。 基础绘制 创建容器 需要在 HTML 中创建一...

内置的 Behavior 什么是 Behavior 内置 Behavior drag-canvas zoom-canvas drag-node click-select tooltip edge-tooltip activate-relations brush-select collapse-expand collapse-expand-...

Extend 扩展接口 Extend 介绍 扩展布局 扩展节点 扩展图标 Extend 扩展接口 Extend 介绍 extend 顾名思义是扩展的意思。Graphin 支持 3 种扩展类型：扩展自定义布局，扩展自定义节点，扩展自定义图标。 Graphin 内置了布局，节点 与图标。除此之外，Graphin 给用户提供了扩展机制，用户可...

动画（选读） 全局动画 元素动画 动画（选读） 由于动画机制较为复杂，我们未在 Tutorial-案例 中增加动画。本文简单描述了 G6 中的动画，希望快速上手的用户可以跳过本文，希望深入了解的用户可参见：基础动画 。 G6 的动画分为两个层次： 图全局动画：图整体变化时的动画过渡； 元素动画：节点和边的动画效果。 全局动画 G6 的...

使用图布局 Layout 取消自动适配画布 默认布局 配置布局 完整代码 使用图布局 Layout 当数据中没有节点位置信息，或者数据中的位置信息不满足需求时，需要借助一些布局算法对图进行布局。G6 提供了 7 种一般图的布局和 4 种树图的布局：一般图： Random Layout：随机布局； Force Layout：经典力导向布局...

节点分组 Group 数据结构 如何渲染 group 操作分组 drag-group collapse-expand-group drag-node-with-group 适用的场景 节点分组 Group Feature 自 G6 3.1.2 开始支持自定义节点分组的标题了，可以渲染带有标题的分组。 对于熟悉图可视化类库的用户...