echarts關系拓撲圖 用javascript如何自動生成網(wǎng)絡拓撲圖?
用javascript如何自動生成網(wǎng)絡拓撲圖?原則上,這并不難。問題是瀏覽器的性能。目前,瀏覽器中有幾種圖形:即:VML、SVG、flash、ActiveX。Firebox:SVG、flash、自定義
用javascript如何自動生成網(wǎng)絡拓撲圖?
原則上,這并不難。問題是瀏覽器的性能。
目前,瀏覽器中有幾種圖形:
即:VML、SVG、flash、ActiveX。
Firebox:SVG、flash、自定義插件。
我推薦SVG。這種兼容性更好
!如果需要自動搜索當前網(wǎng)絡的結(jié)構(gòu),當然可以掃描當前網(wǎng)絡的IP地址。JS不能直接做。掃描后臺Java程序,然后返回JS。您還可以在后臺運行smnp來獲取交換機、路由器和其他支持此協(xié)議的設備的信息。
希望對您有所幫助
javascript有哪些畫拓撲圖的開源組件?
有很多,基本上是基于HTML5的畫布對象的擴展。這里推薦兩種,例如:1Vis.js公司
官方網(wǎng)站:http://vis.js
說明:通用圖形組件不僅用于繪制網(wǎng)絡拓撲,還用于基于時間軸、graph2d和graph3d的各種繪圖功能。
2。Jtopo
官方網(wǎng)站:http://www.jtopo.com
注意:國內(nèi),正如官方網(wǎng)站所說,是一個完全基于HTML5Canvas的圖形界面開發(fā)包,用于關系和拓撲結(jié)構(gòu)的開發(fā),簡單易用,擴展靈活。它可以很容易地開發(fā)類似工具的效果圖,如Visio,在線大腦圖和UML建模
1。所有的應用系統(tǒng)、服務器信息和直接的系統(tǒng)調(diào)用都被輸入數(shù)據(jù)庫
2。前端拓撲圖或系統(tǒng)調(diào)用圖的顯示界面可以通過多個選項顯示,從數(shù)據(jù)庫中檢索數(shù)據(jù),然后在界面上動態(tài)繪制關系圖
3。例如,html5canvas或基于html5canvas的jtopo和SVG可以很好地繪制這種圖。