1、G6.Graph(cfg)

1、G6.Graph(cfg)

Graph 是 G6 图表的载体，所有的 G6 节点实例操作以及事件，行为监听都在 Graph 实例上进行。Graph 的初始化通过 new 进行实例化，实例化时需要传入需要的参数。

2、GraphOptions.container

图的 DOM 容器，可以传入该 DOM 的 id 或者直接传入容器的 HTML 节点对象。

3、GraphOptions.width

指定画布宽度，单位为 'px'。

4、GraphOptions.height

指定画布高度，单位为 'px'。

5、GraphOptions.fitView

是否开启画布自适应。开启后图自动适配画布大小。

6、GraphOptions.fitViewPadding

fitView 为 true 时生效。图适应画布时，指定四周的留白。

7、GraphOptions.fitCenter

版本：v3.5.1 后支持。

开启后，图将会被平移，图的中心将对齐到画布中心，但不缩放。优先级低于 fitView。

8、GraphOptions.linkCenter

指定边是否连入节点的中心。

9、GraphOptions.groupByTypes

各种元素是否在一个分组内，决定节点和边的层级问题，默认情况下所有的节点在一个分组中，所有的边在一个分组中，当这个参数为 false 时，节点和边的层级根据生成的顺序确定。当使用 Combo 时，必须将其设置为 false 。

10、GraphOptions.autoPaint

当图中元素更新，或视口变换时，是否自动重绘。建议在批量操作节点时关闭，以提高性能，完成批量操作后再打开，参见后面的 setAutoPaint() 方法。

11、GraphOptions.modes

设置画布的交互模式。

交互模式 Mode 文档

12、GraphOptions.modes.default

画布默认的模式。

内置的 Behavior 文档

13、GraphOptions.nodeStateStyles

版本：3.1 版本新增。

各个状态下节点的样式，例如 hover、selected

14、GraphOptions.edgeStateStyles

版本：3.1 版本新增。

各个状态下边的样式，例如 hover、selected

注意：

G6 3.1 版本中实例化 Graph 时，新增了 nodeStateStyles 及 edgeStateStyles 两个配置项，删除了 nodeStyle 和 edgeStyle

使用 3.1 以下版本的同学，只需要将 nodeStyle 改成 nodeStateStyles ，将 edgeStyle 改成 edgeStateStyles ，配置内容保持不变。

15、GraphOptions.comboStateStyles

版本：3.5 版本新增

各个状态下 Combo 的样式，例如 hover、selected

16、GraphOptions.defaultNode

默认状态下节点的配置，比如 type, size, color。会被写入的 data 覆盖。

节点的通用属性

17、GraphOptions.defaultEdge

默认状态下边的配置，比如 type, size, color。会被写入的 data 覆盖。

边的通用属性 

18、GraphOptions.defaultCombo

版本：3.5 版本新增

默认状态下 Combo 的配置，比如 type, color。会被写入的 data 覆盖。

Combo 的通用属性 

19、GraphOptions.plugins

向 graph 注册插件

插件

20、GraphOptions.animate

是否启用全局动画。

21、GraphOptions.animateCfg

动画配置项，仅在 animate 为 true 时有效

基础动画教程

22、GraphOptions.animateCfg.onFrame

回调函数，用于自定义节点运动路径，为空时线性运动。

23、GraphOptions.animateCfg.duration

动画时长，单位为毫秒。

24、GraphOptions.animateCfg.easing

动画动效

d3 ease

25、GraphOptions.minZoom

最小缩放比例。

26、GraphOptions.maxZoom

最大缩放比例。

27、GraphOptions.layout

布局配置项，使用 type 字段指定使用的布局方式

type 可取以下值：
random, radial, mds, circular, fruchterman, force, dagre, concentric, grid

当实例化图时没有配置 layout 时：
若数据中节点有位置信息（x 和 y），则按照数据的位置信息进行绘制
若数据中节点没有位置信息，则默认使用 Random Layout 进行布局

Graph 内置布局

28、GraphOptions.renderer

版本：除 V3.3.x 外其他版本均支持

渲染方式

29、GraphOptions.enabledStack

版本：V3.6 及以上版本支持

是否启用 stack，即是否开启 redo & undo 功能

30、GraphOptions.maxStep

版本：V3.6 及以上版本支持

redo & undo 最大步数, 只有当 enabledStack 为 true 时才起作用