布局通用配置项
上一篇
布局总览
下一篇
AntvDagre 布局
Loading...
本文介绍内置布局通用属性配置。
属性 | 描述 | 类型 | 默认值 | 必选 |
---|---|---|---|---|
type | 布局类型,内置布局或自定义布局的名称 | Type | - | ✓ |
isLayoutInvisibleNodes | 不可见节点是否参与布局(当 preLayout 为 true 时生效) | boolean | false | |
nodeFilter | 参与该布局的节点 | (node: NodeData) => 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
:缩进树布局