如何让带有嵌套框的PlantUML图实现垂直定向布局？

你尝试通过隐藏箭头实现垂直生长的布局，但PlantUML仍以水平方式排列元素。当前代码生成的布局不符合预期，你期望的结构是：

aaa -> ccc
  
       ddd

       eee

修改后的代码 #

@startuml
skinparam linetype ortho
top to bottom direction

rectangle aaa {
  rectangle aaa111
}

rectangle bbb {
  rectangle ccc {
    rectangle ccc111
    rectangle ccc222
    rectangle ccc333
    
    ccc111 -[hidden]-down-> ccc222
    ccc222 -[hidden]-down-> ccc333
  }
  rectangle ddd {
    rectangle ddd111
    rectangle ddd222

    ddd111 -[hidden]-down-> ddd222
  }
  rectangle eee {
    rectangle eee111
    rectangle eee222

    eee111 -[hidden]-down-> eee222
  }

  ccc -[hidden]-down-> ddd
  ddd -[hidden]-down-> eee
}

aaa111 -right-> ccc111
@enduml

关键调整点 #

• 给所有隐藏箭头明确指定-down->方向，强制PlantUML按垂直方向排列元素
• 将aaa111 -right-> ccc111移到bbb块外部，避免跨块箭头干扰bbb内部元素的布局逻辑
• 保留全局top to bottom direction设置，确保整体布局的垂直基准

修改后即可生成你期望的垂直布局结构。

内容的提问来源于stack exchange，提问作者tres.14159