Friday, March 18, 2011

Graphvizでノードの間隔を調節する

Graphvizでノードの間隔を調節するには、以下のようにranksepとnodesepを使用します。

graph29.dot(UTF-8で保存)
digraph graph29
{
ranksep=0.2; nodesep=0.1;
node [fontname="MS Gothic"];
"項目1 " -> "項目2 " -> "項目3 ";
"項目2 " -> "項目4 ";
}

実行コマンド
dot -Gviewport=200,200 -Gresolution=72 -Tpng graph29.dot -o test29.png

出力画像


動作環境
Graphviz 2.26.3

関連情報
Graphvizまとめ
graphvizのサイト
http://graphviz.org/

Wednesday, March 16, 2011

Graphvizでサブグラフ(クラスタ)への矢印を描画する

Graphvizでサブグラフ(クラスタ)への矢印を描画するには、以下のようにlheadとltailを使用します。

graph28.dot(UTF-8で保存)
digraph graph28
{
compound=true;
node [fontname="MS Gothic"];
開始;
subgraph cluster0 {
手順1 -> 手順2;
}
subgraph cluster1 {
手順3 -> 手順4;
}
開始 -> 手順1 [lhead=cluster0];
開始 -> 手順3 [lhead=cluster1];
手順2 -> 終了 [ltail=cluster0];
手順4 -> 終了 [ltail=cluster1];
}

実行コマンド
dot -Gviewport=200,300 -Gresolution=72 -Tpng graph28.dot -o test28.png

出力画像


動作環境
Graphviz 2.26.3

関連情報
Graphvizまとめ
graphvizのサイト
http://graphviz.org/

Monday, March 14, 2011

Graphvizでサブグラフ(クラスタ)にラベルを設定する

Graphvizでサブグラフ(クラスタ)にラベルを設定するには、以下のようにsubgraphとlabelを使用します。

graph27.dot(UTF-8で保存)
digraph graph27
{
node [fontname="MS Gothic", labelfontname="MS Gothic"];
subgraph cluster0 {
label="Procedure-A";
"手順1 " -> "手順2 "
}
subgraph cluster1 {
label="Procedure-B";
"手順3 " -> "手順4 "
}
開始 -> "手順1 ";
開始 -> "手順3 ";
"手順2 " -> 終了;
"手順4 " -> 終了;
}

実行コマンド
dot -Gviewport=200,300 -Gresolution=72 -Tpng graph27.dot -o test27.png

出力画像


動作環境
Graphviz 2.26.3

関連情報
Graphvizまとめ
graphvizのサイト
http://graphviz.org/