JavaScript is required

布局示例概览

这个分组覆盖从内置预设到外部引擎、再到自定义编排的布局策略。

  • 在统一数据思路下对比 tree、center、force、folder 与混合子图布局。
  • 针对间距、路由、方向和力学参数做运行时调优与重布局。
  • 接入 Dagre、Graphology ForceAtlas2、D3 treemap/pack 等外部布局求解器。

当你的主要问题是空间组织、规模扩展与交互下的结构稳定性时,可优先参考本分组。

布局
树布局方向切换
树布局方向切换
树布局层级距离与节点距离设置
树布局层级距离与节点距离设置
双向树线条标签调节
双向树线条标签调节
双向树线条方向说明
双向树线条方向说明
树布局与连线参数调节
树布局与连线参数调节 Pro
中心布局样式控制
中心布局样式控制
中心布局层级间距设置
中心布局层级间距设置
力学布局实时参数调节
力学布局实时参数调节
力导向布局运行时参数控制
力导向布局运行时参数控制
力导向布局性能模式压测实验
力导向布局性能模式压测实验 Team
性能模式测试-Tree
性能模式测试-Tree Team
力导向布局节点权重与连线弹性
力导向布局节点权重与连线弹性 Pro
自定义力学布局颜色聚类
自定义力学布局颜色聚类 Pro
自定义力学布局同心圆轨道
自定义力学布局同心圆轨道 Pro
力导向聚类与受控锚点运动
力导向聚类与受控锚点运动 Pro
文件夹布局与连线偏移控制
文件夹布局与连线偏移控制
组织机构树 Folder 布局
组织机构树 Folder 布局 Pro
企业关系四象限固定布局
企业关系四象限固定布局
中心布局与树布局组合
中心布局与树布局组合 Team
自定义混合子图布局
自定义混合子图布局 Team
顺序树组布局
顺序树组布局 Team
连通子关系网布局切换
连通子关系网布局切换 Pro
多组关系网布局与样式编辑器
多组关系网布局与样式编辑器 Team
工业链卡片锚点混合布局
工业链卡片锚点混合布局 Team
产业链关系组布局编辑器
产业链关系组布局编辑器 Team
智能树布局
智能树布局 Team
IO Tree 布局方向与连线路由
IO Tree 布局方向与连线路由 Team
Dagre 布局接入与连线标签定位
Dagre 布局接入与连线标签定位 Pro
Dagre位置布局运行时控制
Dagre位置布局运行时控制 Pro
使用 Graphology ForceAtlas2 布局
使用 Graphology ForceAtlas2 布局 Pro
D3 Treemap/Pack 布局接入
D3 Treemap/Pack 布局接入 Pro
系统架构图(自定义布局)
系统架构图(自定义布局)
自定义节点企业服务宣传卡片
自定义节点企业服务宣传卡片 Team