拓撲圖技術比較

拓撲圖技術比較

1.       Javascript技術

1)       采用jquery的拓撲圖插件

jquery.topology.js元件，jquery的元件，具體的可以百度或谷歌搜尋下，有例子。

優點：對浏覽器相容性好，速度快。

缺點：不是很美觀，圖形太多展現不好。

2.       Applet技術

1)       主要有prefuse、jgraph、touchgraph、Vizster等，很多都是關系圖，圖形比較動态美觀，但是對源代碼的改造有難度（需要把節點替換成相應的圖檔），并且applet嵌入jsp中，對網絡要求較高。

優點：圖形比較炫。

缺點：改造代碼難度大，需要把節點替換成圖檔，需要考慮不同浏覽器器在不同系統中對jre的支援。

2)       使用zhtelecombasis.jar屬于iTopoview的一個開源軟體，但是源代碼并未公布，起初隻是對jar采用jd-jui反編譯擷取java源代碼。

優點：圖形元素比較多，可以自定義節點類，構造出不同的實體裝置。

缺點：圖形位置需要寫代碼控制，元素太多，導緻圖形顯示混亂，影響美觀。

3.       Flash技術

主要有BirdEye和SpringGraph等，圖形比較美觀，代碼采用ActionScript書寫，很多浏覽器都支援flash，易用性比較好。birdeye與SpringGraph的一點差別在于 不會随意飄動，并且效果還不錯。如果不想看到他的輕按兩下事件也可以通過修改源碼實作.

優點：圖形元素會自動調整間距，比較炫，美觀

缺點：背景使用http服務生成xml資料，xml資料量太多，速度會相應下降。

4.       總結

綜合以上技術分析，最後采用BirdEye畫圖，圖形可以控制背景顔色，并可以定制圖形的節點圖檔。具體效果如下圖所示：

為了友善大家下載下傳，提供免費下載下傳連結：下載下傳代碼