Layout

<Graphin/> 组件 props.layout 配置。用于配置 Graphin 的布局。

属性	类型	是否必选	说明
name	string	是	布局名称
options	LayoutOptions	否	用户自定义布局配置

LayoutOptions

根据 Layout 的不同，每个 Layout 有自己的配置。如果是 layout.name 是自定义布局，LayoutOptions 也包括自定义布局的配置。

圆形布局配置

同心圆布局配置

属性	类型	默认值	说明
boundingBox	{ x1: number; y1:number; w:number; y:number; }	{x:0,y:0,w:画布宽度,h:画布高度}	同心圆的布局范围，默认为当前画布的宽高范围
minNodeSpacing	number	60	节点间的距离
levelWidth	(nodes: Data['nodes'], maxDegree: number) => number	见下方	每层的节点度数范围

LevelWidth 默认值：

const LevelWidth = (nodes: Data['nodes'], maxDegree: number) => {
    /** 同心圆层数 */
    const levelNum = 8;
    return maxDegree / levelNum;
};

横纵布局配置

径向布局配置

有向分层布局配置

力导布局配置

属性	类型	默认值	说明
preset	Layout	`{ name: 'random'undefinedoptions:{}}`	前置布局，主要用于布局切换。当前置布局为 force 时，内部启动 tweak 布局算法
stiffness	number	200	弹簧劲度系数
defSpringLen	number	200	默认的弹簧长度
repulsion	number	200.0 * 5	斥力，这里指代库伦常量 Ke
damping	number	0.9	速度的减震因子，其实就是阻尼系数
minEnergyThreshold	number	0.1	最小能量阈值，粒子运动，有阻尼系数的存在，最终能量会消耗殆尽
maxSpeed	number	1000	最大的速度，范围区间 [0,1000]
MaxIterations	number	1000000	1000000 次/(1000/60) = 60000 s = 1 min
animation	bolean	true	是否开启动画

力导里的小细节：