交互模式 Mode 什么是 Mode 配置 Mode 切换 Mode 编辑已有的 Mode 相关阅读 交互模式 Mode 什么是 Mode 用户在交互一张图时，可能由于意图不同而存在不同的交互模式，例如在编辑模式下点击节点需要弹出窗口让用户编辑，在查看模式下点击节点需要选中节点。 为了解决上述问题，G6 提供了交互模式 Mode，它是...

Item Item Item是G6中绘图元素实例，目前包含节点和边的实例。对于实例的变更建议在graph上进行。 更新 销毁 通用 状态 样式

getDefaultCfg() getDefaultCfg() 定义自定义Behavior时的默认参数，会与用户传入的参数进行合并。 提示：该方法是可选的 。 用法 G6 . registerBehavior ( 'behaviorName' , { getDefaultCfg () { return { ...

Extend ExtendLayout ExendNodeShape ShapeComponent StateMap ExtendIcon Extend <Graphin/> 组件 props.extend 配置。用于配置 Graphin 布局/NodeShape/Marker 的扩展。 属性 类型 是否必选 说明 layout ...

Canvas 概述 直线——line 属性 x1 y1 x2 y2 arrow lineWidth lineDash stroke storkeOpacity 方法 getPoint 参数 返回 二阶bezier曲线——quadratic 属性 p1 p2 p3 arrow stroke storkeOpacity...

Circular 属性 center radius startRadius endRadius clockwise divisions ordering angleRatio 方法 使用方法 Circular Circular 布局将所有节点布局在一个圆环上，可以选择节点在圆环上的排列顺序。可以通过参数的配置扩展出环的分组布局、...

自定义布局 Layout 自定义布局 API 自定义布局 需求分析 实现 自定义布局 Layout G6 提供了一般图和树图的一些常用布局，使用方式参见：中级教程 使用布局 Layout ，Layout API 。当这些内置布局无法满足需求时，G6 还提供了一般图的自定义布局的机制，方便用户进行更定制化的扩展。 注意：树图暂时不支持自...

节点与边的层级 前提代码 Step 1 实例化图时的配置 参数描述 使用方式 Step 2 将节点放置在边上层 函数描述 书用方法 Step 3 监听鼠标事件并改变目标元素层级 函数描述 使用方法 节点与边的层级 节点与边在视觉上的层级涉及到了它们相对应的图形分组 Group 。本文提到的所...

shouldBegin(evt) shouldBegin(evt) 是否阻止行为发生，默认返回true，不阻止行为，需要在处理逻辑中自行调用。 用法 G6 . registerBehavior ( 'behaviorName' , { shouldBegin () { // 这里可以根据业务自定义 r...

使用布局 Layout 简介 G6 布局方法总览 一般图 Graph 树图 TreeGraph 一般图 Graph 配置一般图布局 一般图布局方法 Random Force Fruchterman Circular Radial MDS Dagre Concentric Grid 树图 TreeGraph 配置树图布局 ...