Fruchterman 图布局
Fruchterman Reingold 布局算法在原理上而言属于力导向布局算法。其引力与斥力的定义方式与经典的 Force Diected 力导向图布局有少许不同。
使用指南
G6 内置的 Fruchterman 布局可在实例化 Graph 时使用该布局。除此之外,还可以如子图布局所示单独使用布局。该布局可以通过配置调整迭代次数、紧凑程度、是否按照聚类布局等。
- 代码演示 1 :基本的 Fruchterman 布局。
- 代码演示 2 :Fruchterman 的聚类布局。
- 代码演示 3 :Fruchterman 布局参数动态变化。
- 代码演示 4 :Fruchterman 使用 web-worker 以避免阻塞页面。
center
类型: Array
示例:[ 0, 0 ]
默认值:图的中心
是否必须:false
说明:布局的中心
maxIteration
类型: Number
默认值:1000
是否必须:false
说明:最大迭代次数
gravity
类型: Number
默认值:10
是否必须:false
说明:重力的大小,影响布局的紧凑程度
speed
类型: Number
默认值:1
是否必须:false
说明:每次迭代节点移动的速度。速度太快可能会导致强烈震荡
clustering
类型: Boolean
默认值:false
是否必须:false
说明:是否按照聚类布局
clusterGravity
类型: Number
默认值:10
是否必须:false
说明:聚类内部的重力大小,影响聚类的紧凑程度,在 clustering
为 true
时生效