G6 layoutCfg.gravity的使用
时间: 2024-02-20 09:06:09 浏览: 204
Gravity-Sensor-.zip_gravity
G6的`layoutCfg.gravity`是用于调整布局的重心位置的属性。它接受一个值在0到1之间的数字,表示布局的重心位置,其中0表示重心在左上角,1表示重心在右下角,0.5表示重心在中心位置。默认值为0.5。
在G6中,布局算法会根据节点之间的关系和位置,自动计算出一个节点的位置。如果想要调整布局中心的位置,可以通过修改`layoutCfg.gravity`来实现。
例如,如果想要让布局的重心位置在左上角,可以将`layoutCfg.gravity`设置为0,如下所示:
```
const layoutCfg = {
type: 'dagre',
rankdir: 'TB',
nodesepFunc: () => 1,
ranksepFunc: () => 1,
align: undefined,
controlPoints: false,
ranker: 'network-simplex',
marginX: 0,
marginY: 0,
gravity: 0, // 布局的重心在左上角
};
```
注意:在设置`layoutCfg.gravity`时,只能设置一个值,不能同时设置多个值。
阅读全文