?

From：http://m.blog.csdn.net/lanchunhui/article/details/49472949

開源工具---使用簡單的文字描述畫UML圖之PlantUML官網：http://plantuml.com
PlantUML 支持的工具：http://plantuml.com/running
PlantUML語言參考手冊中文版.pdf：http://download.csdn.net/download/freeking101/9917766
PlantUML編輯器(PlantUML QEditor )下載地址：http://www.uzzf.com/soft/86177.html
利用Graphviz 畫結構圖：http://www.cnblogs.com/sld666666/archive/2010/06/25/1765510.html
Graphviz官網：http://www.graphviz.org
Graphviz 和 pygraphviz 簡述、安裝、用法 ：http://blog.csdn.net/chirebingxue/article/details/50393755
DOT + graphviz 輕松畫圖神器 ：http://blog.csdn.net/stormdpzh/article/details/14648827

一分鐘 Sublime Text 搭建 PlantUML 生成環境：http://www.jianshu.com/p/d5fd9133c78a

?

?

發現好的工具，如同發現新大陸。有時，我們會好奇，論文中、各種專業的書中那么形象的插圖是如何做出來的，無一例外不是對繪圖工具的熟練使用。

Graphviz 是大名鼎鼎的貝爾實驗室的幾位牛人開發的一個畫圖工具，它提供了“所想即所得”的理念，通過 dot 語言來編寫腳本并繪制圖形，簡單易懂。

?

?

?

下載安裝、配置環境變量

?

windows版本下載地址：http://www.graphviz.org/Download_windows.php

?

?

配置環境變量

?

將graphviz安裝目錄下的bin文件夾添加到Path環境變量中：

?

如果使用的是 PlantUML編輯器(PlantUML QEditor ) ，則需要.添加系統環境變量?GRAPHVIZ_DOT，變量的值是 dot.exe 路徑。

同時還需要安裝 java 環境 ，再下載一個 plantuml.jar 包（下載地址：https://sourceforge.net/projects/plantuml/）

?

驗證

進入windows命令行界面，輸入dot -version，然后按回車，如果顯示graphviz的相關版本信息，則安裝配置成功。

?

?

?

基本繪圖入門

?

?

使用 txt 編輯

?

可以直接使用 txt 寫 寫 plantuml 代碼.

PlantUML語言參考手冊中文版.pdf?：http://download.csdn.net/download/freeking101/9917766
（語法可以參考上面 PDF 文檔，或者去官網查看，上面的 PDF 就是從 官網下的）

@startuml scale 500*500[->我: 繪圖軟件plantuml，\n可以替代平時大多數\n的visio應用 我 -> 你: 分享 你 --> 我: 不學 我 -> 你: 為什么 你 --> 我: visio覺得挺適合我 ]<-你 : 畫visio去了 caption figure 1.1 test @enduml

scale 是生成圖片的分辨率，默認圖片格式是.png；寫博客分辨率建議 500*500，其實支持更高的，不過已經足夠滿足顯示效果了。

然后執行 java -jar ./plantuml.jar test.txt?

總體步驟

1. 下載plantuml.jar（也許你的機器需要安裝JRE，即java runtime environment）
???? http://sourceforge.net/projects/plantuml/files/plantuml.jar/download
2. test.txt 里寫 plantuml 代碼
3. java -jar ./plantuml.jar test.txt
4. 圖片test.png效果展示

?

?

使用自帶編輯器 gvedit 編輯

?

打開 windows 下的 graphviz 編輯器 gvedit（安裝graphviz后自帶，和 dot.exe 在同一目錄下），編寫如下的dot腳本語言，保存成gv格式文本文件。然后進入命令行界面，使用dot命令，將gv文件轉化為png圖形文件。

dot D:\test\1.gv -Tpng -o image.png

?

graph

graph 使用--描述關系

graph pic1 { a -- ba -- bb -- a [color=blue] }

畫圖效果：

?

digraph

使用->描述關系

digraph pic2 { a -> ba -> bb -> a [style=filled color=blue] }

畫圖效果：

?

?

一個復雜的例子

?

digraph startgame {label="游戲資源更新流程"rankdir="TB"start[label="啟動游戲" shape=circle style=filled]ifwifi[label="網絡環境判斷是否 WIFI" shape=diamond]needupdate[label="是否有資源需要更新" shape=diamond]startslientdl[label="靜默下載" shape=box]enterhall[label="進入游戲大廳" shape=box]enterroom[label="進入房間" shape=box]resourceuptodate[label="資源不完整" shape=diamond]startplay[label="正常游戲" shape=circle fillcolor=blue]warning[label="提醒玩家是否更新" shape=diamond]startdl[label="進入下載界面" shape=box]//{rank=same; needupdate, enterhall}{shape=diamond; ifwifi, needupdate}start -> ifwifiifwifi->needupdate[label="是"]ifwifi->enterhall[label="否"]needupdate->startslientdl[label="是"]startslientdl->enterhallneedupdate->enterhall[label="否"]enterhall -> enterroomenterroom -> resourceuptodateresourceuptodate -> warning[label="是"]resourceuptodate -> startplay[label="否"]warning -> startdl[label="確認下載"]warning -> enterhall[label="取消下載"]startdl -> enterhall[label="取消下載"]startdl -> startplay[label="下載完成"] }

畫圖效果：

?

?

和 python 交互

?

graphviz 強大而便捷的關系圖/流程圖繪制方法，很容易讓我們聯想到機器學習中的Decision Tree的展示方式。幸運的是，scikit-learn提供了生成.dot文件的接口，具體操作如下：

在python編輯環境下：

from sklearn.tree import export_graphviz # 導入的是一個函數 # tree表示已經訓練好的模型，即已經調用過DecisionTreeClassifier實例的fit(X_train, y_train)方法 export_graphviz(tree, out_file='tree.dot', feature_names=['petal length', 'petal width'])

進入windows命令行界面，cd 切換到tree.dot所在的路徑，執行

dot -Tpng tree.dot -o tree.png

畫圖效果：

?

?

參考文檔：
那些年，我追過的繪圖工具 - 迷思 - 知乎專欄
https://zhuanlan.zhihu.com/p/19900327
那些年，我追過的繪圖語言（續） - 迷思 - 知乎專欄
https://zhuanlan.zhihu.com/p/19901245
開源工具，使用簡單的文字描述畫UML圖。
http://plantuml.com/
順序圖的語法和功能
http://plantuml.com/sequence-diagram#Basic_examples

?

?

?

?

總結

以上是生活随笔為你收集整理的windows 下 Graphviz 安装及入门教程以及 PlantUML的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。