JavaScript is required

布局示例概览

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

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

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

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