锁定节点 拖动画布时候不处理锁定的节点 缩放画布时不处理锁定的节点 锁定节点 G6 3.1.4 版本中新增了 lock() 、unlock() 和 hasLocked() 三个 API，方便用户锁定某个节点。默认情况下，当锁定某个节点后，拖动节点时锁定的节点不会有任何反应，但拖动画布和缩放画布时，仍然会对锁定的节点有影响，如果不想让锁定的节点...

分析组件 <ContextMenu /> 组件 RenderProps MenuItemType ContainerProps <Toolbar /> 组件 MenuItem RenderProps 分析组件 <ContextMenu /> 组件 Props： 属性 类型 是否必选 说明 bindType 'node' | '...

自定义节点 1. 从无到有定义节点 绘制图形 优化性能 2. 扩展现有节点 扩展 Shape 添加动画 3. 调整锚点 anchorPoint 数据中指定锚点 自定义时指定锚点 4. 调整状态样式 自定义节点 G6 提供了一系列内置节点 ，包括 circle 、rect 、ellipse 、diamond 、triangle 、s...

Graph Graph Graph 是 G6 图表的载体，所有的 G6 节点实例操作以及事件，行为监听都在 Graph 实例上进行。 Graph 的生命周期为：初始化—>加载数据—>渲染—>更新—>销毁。 初始化 加载 渲染 更新 布局 销毁 状态 交互 查找 数据 坐标转换 动画 其他

基于 G6 的关系时序分析应用 基于 G6 的图分析应用 Edge Bundling

TreeGraph TreeGraph TreeGraph是G6专门为树图场景打造的图。TreeGraph继承自Graph。G6.TreeGraph 与G6.Graph 最大的区别就是数据结构和内置布局计算。主要出于以下考虑： 数据结构：树图的数据一般是嵌套结构，边的数据隐含在嵌套结构中，并不会特意指定edge。此布局要求数据中一个节点需要有id...

triangle Triangle 使用方法 1 实例化图时全局配置 2 在数据中动态配置 配置项说明 三角形方向 direction 样式属性 style 标签文本配置 labelCfg 边的连入点 linkPoints 图标 icon triangle Triangle G6 内置了三角形 Triangle 节点，其默认样...

交互模式 Mode 前提代码 配置交互模式 添加节点 添加边 完整代码 交互模式 Mode 本章以添加节点及在两个节点之间连线为例进行介绍 G6 中的交互。在阅读本章之前，需要先熟悉以下内容： 自定义交互行为 Behavior ； 交互模式 Mode 。 上图是本文要实现的最终效果。完整 demo 代码参见：动态添加元素 。方下拉菜单...

circle 使用方法 1 实例化图时全局配置 2 在数据中动态配置 配置项说明 样式属性 style 标签文本配置 labelCfg 边的连入点 linkPoints 图标 icon circle G6 内置了圆 Circle 节点，其默认样式如下。标签文本位于圆形中央。 使用方法 如 内置节点 一节所示，配置节点的方式有两...

初始化 G6.Graph 初始化 G6.Graph 参数 名称 类型 默认值 描述 container String HTMLElement 图的 DOM 容器，可以传入该 DOM 的 id 或者直接传入容器的 HTML 节点对象 width Number undefined 指定画布宽度，单位为 'px' height Number un...