布局通用配置项
上一篇
布局总览
下一篇
AntV Dagre 布局 AntvDagre
Loading...
本文介绍内置布局通用属性配置。
| 属性 | 描述 | 类型 | 默认值 | 必选 |
|---|---|---|---|---|
| type | 布局类型，内置布局或自定义布局的名称 | Type | - | ✓ |
| isLayoutInvisibleNodes | 不可见节点是否参与布局（当 preLayout 为 true 时生效） | boolean | false | |
| nodeFilter | 参与该布局的节点 | (node: NodeData) => boolean | () => true | |
| comboFilter | 参与该布局的combo元素 | (combo: ComboData) => boolean | () => true | |
| preLayout | 使用前布局，在初始化元素前计算布局 | boolean | false | |
| enableWorker | 是否在 WebWorker 中运行布局 | boolean | - | |
| iterations | 迭代布局的迭代次数 | number | - |
指定布局类型，内置布局类型名称或自定义布局的名称。
const graph = new Graph({// 其他配置...layout: {type: 'antv-dagre',},});
可选值有：
antv-dagre：基于 dagre 定制的布局circular：环形布局combo-combined：适用于存在组合的布局concentric：同心圆布局d3-force基于 D3 的力导向布局d3-force-3d：3D力导向布局dagre：dagre 布局fishbone：鱼骨布局force：力导向布局force-atlas2：ForceAtlas2 布局fruchterman：Fruchterman 布局grid：网格布局mds：高维数据降维算法布局radial：径向布局random：随机布局snake：蛇形布局compact-box：紧凑树布局dendrogram：树状布局mindmap：思维导图布局indented：缩进树布局