圖解程序員畫流程圖、數據結構圖及各種復雜圖形的Graphviz工具入門


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

1.安裝Graphviz

在官網上面下載相關文件,地址:http://www.graphviz.org/Download..php。如果遇到官網進不去,可以等待一旦時間或者在網上直接搜索下載。

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


點擊進入之后,下載后綴為.msi的文件。筆者下載的為graphviz-2.38.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.      參考資料

網上很多資料,這里筆者推薦Graphviz中文教程指南,網上有下載,CSDN上面下載地址:http://download.csdn.net/download/u010415192/9219945

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM