Fruchterman 图布局

Fruchterman Reingold 布局算法在原理上而言属于力导向布局算法。其引力与斥力的定义方式与经典的 Force Diected 力导向图布局有少许不同。

使用指南

G6 内置的 Fruchterman 布局可在实例化 Graph 时使用该布局。除此之外,还可以如子图布局所示单独使用布局。该布局可以通过配置调整迭代次数、紧凑程度、是否按照聚类布局等。

  • 代码演示 1 :基本的 Fruchterman 布局。
  • 代码演示 2 :Fruchterman 的聚类布局。
  • 代码演示 3 :Fruchterman 布局参数动态变化。
  • 代码演示 4 :Fruchterman 使用 web-worker 以避免阻塞页面。
基本 Fruchterman 布局Fruchterman 聚类布局Fruchterman 布局参数动态变化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
说明:聚类内部的重力大小,影响聚类的紧凑程度,在 clusteringtrue 时生效