Cucco’s Compute Hack

コンピュータ関係の記事を書いていきます。

PlantUMLの配置図の位置調整

PlantUMLの配置図の、レイアウトというか位置調整がうまくいかなかったのでメモ

配置図の構文と機能

生成された図
f:id:Cucco:20200810202741p:plain
生成された図


umlファイルの上に書いたものが左に配置される。
矢印でつなぐ際に「-」では横でつながるが、「--」や「..」など、2個でつなぐと上下関係が生まれる。

ソースコード
@startuml deployment-diagram

node ノード1[
    node1
]
' 2段目の左にあるブロックから記載していく。
node ノード2[
    node2
]
node ノード3[
    node3
]
node ノード4[
    node4
]

' 矢印でつなぐ
ノード1 --> ノード3 :上下関係での接続 
ノード2 <- ノード3: 横関係での接続(左向き)
ノード3 -> ノード4: 横関係での接続(右向き)

' ノートの記載は他の図と同じ。
note left of ノード1 : 親のノード

@enduml