1. 程式人生 > >圖解程式設計師畫流程圖、資料結構圖及各種複雜圖形的Graphviz工具入門

圖解程式設計師畫流程圖、資料結構圖及各種複雜圖形的Graphviz工具入門

我們畫常規圖形時一般用word上面自帶的外掛或visio畫圖。但是我在畫linux核心檔案系統結構圖、記憶體分配以及學習資料結構樹、圖時,發現使用Graphviz非常的方便快捷。鑑於網上關於它的安裝、使用不是特別具體,本博文將一步步告訴大家如何快速地使用Graphviz畫相關的流程圖、樹形圖等。

1.安裝Graphviz

Linux安裝命令為sudo apt-get install graphviz 。下面以Windows為例:


點選進入之後,下載字尾為.msi的檔案。筆者下載的為


特別說明:安裝完畢,在桌面可能不會出現快捷方式,不要以為自己沒有安裝成功。這時候我們可以在安裝源目錄裡面找出來或者在所有程式裡面把它搜尋出來。建議第一種方法找到之後,右鍵建立快捷方式。


點選 gvedit.exe之後出現這個介面,其中那個跑步的為執行按鈕

2. 如何使用Graphviz

2.1 學習官方例程

為了方便大家之後能夠快速入門,這裡我採用官網上面的原始碼,官網上面例子很多。大家可以按需學習。例程官網地址:http://www.graphviz.org/Gallery.php


2.2檢視例程原始碼

這裡以第二個例程原始碼crazy為例,先點選圖片進入。


之後可以看到指示,點選圖片即可看見到原始碼。

2.3建立工程,輸出影象

先點選最左側像書頁的圖示,在GVEdit上面的新建.gv檔案,將上面獲取的程式碼,貼上進去,點選跑步按鈕,即可生成所需影象。


附帶一個簡單的小例子,便於大家測試:

原始碼:

digraph 1{

node[shape="record"];

edge[style="dashed"];

a[style="filled",color="red",fillcolor="chartreuse"];

b;

c;

d;

a ->b;

b ->d;

c ->d[color="green"];

        d-> a;

}


到這裡之後,如下的就是自己發揮空間,自己可以根據上面官網提供的程式碼進行學習。官網上面一些常見的圖形都涉及都了,其他的結合dot腳步語言學習。

3.      參考資料