GraphViz节点位置和Rankdir

问题描述 投票:39回答:2

我对graphviz运气很好,并且能够制作出我需要的几乎所有图表。我想复制这个:

http://en.wikipedia.org/wiki/File:ICS_Structure.PNG

尽我所能。该图的底部全部从上到下流动,我的工作正常。我无法做的是将前三个孩子放在“事件指挥官”的正下方。他们左右分支。另请注意前8个节点中的边缘是如何共享的。点可能吗?我可以处理其他一切,但不能处理那些顶级节点。有人能给我一个解决这个问题的线索吗?

graphviz dot
2个回答
117
投票

用于再现图形布局的两种有用技术是:

  • 不可见的节点
  • 排名限制

以下是对顶级节点的快速尝试:

digraph g{
ranksep=0.2;

node[shape=box3d, width=2.3, height=0.6, fontname="Arial"];
n1[label="Incident Commander"];
n2[label="Public Information\nOfficer"];
n3[label="Liaison Officer"];
n4[label="Safety Officer"];
n5[label="Operations Section"];
n6[label="Planning Section"];
n7[label="Logistics Section"];
n8[label="Finance/Admin. Section"];

node[shape=none, width=0, height=0, label=""];
edge[dir=none];
n1 -> p1 -> p2 -> p3;
{rank=same; n2 -> p1 -> n3;}
{rank=same; n4 -> p2;}
{rank=same; p4 -> p5 -> p3 -> p6 -> p7;}
p4 -> n5;
p5 -> n6;
p6 -> n7;
p7 -> n8;
}

这是结果:


-2
投票

原生Graphviz(点)渲染不支持原始中使用的有机图渲染样式。虽然它可以生成正交边(如图所示),但无法对边进行分组。垂直分层可以用minlen实现。

接受的答案有点滥用符号,但完全是一种合理的方法。

poor ICS rendering

对提供的解决方案的更改包括:

graph [splines=ortho]; edge [dir = none];

{ rank = same; n2; n3; }
n1 -> { n2; n3; };
n1 -> n4 [minlen = 2];
{ rank = same; n5; n6; n7; n8; };
n1 -> { n5; n6; n7; n8; } [minlen = 3];
© www.soinside.com 2019 - 2024. All rights reserved.