Concentric 同心圆布局

Concentric 同心圆布局将所有节点放置在同心圆上。

使用指南

G6 内置的 Concentric 同心圆布局可在实例化 Graph 时使用该布局。除此之外,还可以如子图布局所示单独使用布局。该算法首先根据参数指定的排序方式对节点进行排序。排序越靠前,节点将会被放置在越中心的位置。

基本 Concentric 同心圆布局

center

类型: Array
示例:[ 0, 0 ]
默认值:图的中心
是否必须:false
说明:布局的中心

preventOverlap

类型:Boolean
默认值:false
是否必须:false
说明:是否防止重叠,必须配合下面属性 nodeSize ,只有设置了与当前图节点大小相同的 nodeSize 值,才能够进行节点重叠的碰撞检测

nodeSize

类型: Number
默认值:30
是否必须:false
说明:节点大小(直径)。用于防止节点重叠时的碰撞检测

minNodeSpacing

类型: Number
默认值:10
是否必须:false
说明:环与环之间最小间距,用于调整半径

sweep

类型: Number
默认值:undefined
是否必须:false
说明:第一个节点与最后一个节点之间的弧度差。若为 undefined ,则将会被设置为 2 * Math.PI * (1 - 1 / |level.nodes|) ,其中 level.nodes 为该算法计算出的每一层的节点,|level.nodes| 代表该层节点数量

equidistant

类型: Boolean
默认值:false
是否必须:false
说明:环与环之间的距离是否相等

startAngle

类型: Number
默认值:3 / 2 * Math.PI
是否必须:false
说明:开始方式节点的弧度

clockwise

类型: Boolean
默认值:false
是否必须:false
说明:是否按照顺时针排列

maxLevelDiff

类型: Number
默认值:undefined
是否必须:false
说明:每一层同心值的求和。若为 undefined,则将会被设置为 maxValue / 4 ,其中 maxValue 为最大的排序依据的属性值。例如,若 sortBy='degree',则 maxValue 为所有节点中度数最大的节点的度数

sortBy

类型: String
默认值:undefined
是否必须:false
说明:指定排序的依据(节点属性名),数值越高则该节点被放置得越中心。若为 undefined,则会计算节点的度数,度数越高,节点将被放置得越中心