拓扑图技术比较

拓扑图技术比较

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画图，图形可以控制背景颜色，并可以定制图形的节点图片。具体效果如下图所示：

 

为了方便大家下载，提供免费下载链接：下载代码