Options

center

PointTuple

Center position of circular layout, defaults to the center position of the current container

clockwise

boolean Default: false

Whether to arrange in clockwise order

equidistant

boolean Default: false

Whether the distance between rings is equal

height

number

The height of the layout, defaults to the container height

maxLevelDiff

number Default: undefined

The sum of the concentric values of each layer

If undefined, it will be set to maxValue / 4, where maxValue is the largest value of the sortBy attribute. For example, if sortBy is 'degree', maxValue is the degree of the node with the largest degree in all nodes

nodeSize

Size | ((nodeData: Node__) => Size__)

Node size (diameter). Used for collision detection when preventing node overlap

nodeSpacing

number | number[] | ((node?: Node__) => number) Default: 10

Minimum spacing between rings, used to adjust the radius

preventOverlap

boolean Default: false

Whether to prevent overlap

Must be used with the following properties, and only when the data.size property is set in the data or the nodeSize value configured with the same size as the current graph node is configured in the layout, can the node overlap collision detection be performed

sortBy

string Default: undefined

Specify the basis for sorting (node attribute name)

The higher the value, the more the node will be placed in the center. If undefined, the degree of the node will be calculated, and the higher the degree, the more the node will be placed in the center

startAngle

number Default: 3 / 2 * Math.PI

The starting angle of the layout node

sweep

number Default: undefined

The difference in radians between the first and last nodes

If undefined, it will be set to 2 * Math.PI * (1 - 1 / |level.nodes|), where level.nodes is the number of nodes in each layer calculated by this algorithm, and |level.nodes| represents the number of nodes in this layer

width

number

The width of the layout, defaults to the container width