拓撲圖技術比較

拓撲圖技術比較


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畫圖,圖形可以控制背景顏色,並可以定製圖形的節點圖片。具體效果如下圖所示:


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章