`
囧囧有神
  • 浏览: 207220 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

几个可以画网络拓扑图的开源库

阅读更多

之前做个监控系统,需要在GUI客户端有个网络拓扑结构图,实时显示被监控节点的连接情况,

支持动态增减监控节点,能够在拓扑图上自动布局。找到了三个比较合适的库:

 

SWT的ZEST :

基于draw2D库封装的,增加了一些事件处理,动画效果和几个常见布局;

是个比较粗糙的类库,图节点都被一个矩形框包围,就算是自己定义了透明背景的icon,周围也必须

被一个方框包围,要命的是如果你的图节点的名字和icon都在哪个矩形框内,名字越长,整个框越大,

在显示图的时候如果网络节点名字长短不一看上去就很乱,想改他的矩形框就得基本重写相当比例源码;

里面的bug也是相当多,维护情况比较差;

 

好处就是上手简单;

 

Swing的mxgraph

功能比较强大,稳定,没有zest里头那些毛病,免费开源,但是有功能限制,想要里头的布局模块就得付费;

 

jgraph:

感觉模仿mxgraph,但是完全开源免费,稍微看了下demo,感觉也还行,没仔细用过;

 

分享到:
评论

相关推荐

    Js前端插件demo(地图-拓扑图-图表)

    再者,利用网络拓扑图插件,可以搭建一个实时监控网络状态的仪表板,帮助IT团队追踪和解决性能问题。 总的来说,"Js前端插件demo(地图-拓扑图-图表)"资源包提供了丰富的工具,让前端开发者能够轻松创建数据驱动的...

    python网络拓扑可视化

    利用pygame,我们可以创建交互式的网络拓扑图,用户可以实时地改变节点的位置、颜色,以及边的颜色、粗细和权重。 在Python中,网络拓扑可视化通常涉及到以下几个核心知识点: 1. **数据结构**:首先,你需要一个...

    html5绘图工具 基于 HTML5 的 Canvas 技术,拓扑图是电力

    例如,JTopo 就是一个流行的选择,它是一个开源的 JavaScript 库,专门用于创建网络拓扑图。JTopo 提供了丰富的API和事件机制,使得开发者可以自定义节点、链接以及各种交互行为。 在给定的文件列表中,我们可以...

    jsPlumb 绘画拓扑图

    jsPlumb 是一个开源JavaScript库,专为在Web应用程序中绘制连接图和拓扑图而设计。它基于HTML5 canvas、SVG或VML技术,能够在各种现代浏览器上运行,包括IE6+、Firefox、Chrome、Safari和Opera。这个库的主要目标是...

    echart拓扑图单节点拖拽互不影响demo

    ECharts 是一个由百度开发的开源JavaScript图表库,它提供了一套丰富的数据可视化组件,其中包括拓扑图。在本示例中,我们关注的是如何实现拓扑图中的单个节点拖拽,并确保节点之间互不影响,同时能够将节点的位置...

    echartst拓扑图数据传输图.rar

    ECharts 是一个由百度开发的开源 JavaScript 数据可视化库,它提供了丰富的图表类型,适用于各种 Web 数据展示场景。在本案例中,"echartst拓扑图数据传输图.rar" 文件包含了一个关于如何使用 ECharts 创建拓扑图,...

    flex手工画拓扑图例子源码

    本示例“flex手工画拓扑图例子源码”提供了一个使用Flex开发的拓扑图Demo的早期版本,这对于我们理解如何在Flex环境中手动创建和展示拓扑图具有重要的学习价值。 拓扑图在IT系统中广泛应用于网络、数据流、硬件设备...

    如何使用flex 开发拓扑图

    总的来说,使用Flex开发拓扑图涉及到ActionScript编程、图形库的集成、数据结构的设计、事件处理以及与服务器的交互等多个方面。通过学习和实践,你可以创建出功能丰富、交互性强的拓扑图应用程序。

    JIT实现拓扑展现

    此外,还可能涉及到开源工具或库的使用,比如开源的JIT编译器实现,以及用于网络拓扑图可视化的开源库。 总之,"JIT实现拓扑展现"是一个融合了程序性能优化和图形化信息展示的技术话题。理解JIT的工作原理和应用,...

    javascipt拓扑图

    对于JavaScript拓扑图,主要涉及以下几个关键知识点: 1. **数据结构**:首先,你需要将要展示的数据转换成适合绘图的格式,例如JSON。这通常包括节点(nodes)和连接线(edges)的信息,每个节点可能包含名称、...

    topo 拓扑图例子

    7. **API和工具**:开发者可能使用了一些开源库提供的API来构建这个拓扑图,了解这些API的使用方法可以帮助我们理解和修改这个例子。 总的来说,这个"topo拓扑图例子"为我们提供了一个学习和实践JavaScript图形编程...

    jtopo拓扑练习

    通过这个"jtopo拓扑练习",你可以掌握如何使用`jtopo`库创建一个基本的网络拓扑图,并了解其核心功能。实践中,你可能会遇到各种挑战,如性能优化、自定义样式和交互设计等,这些都是提升你技能的关键环节。随着对`...

    flex CSV解析 拓扑图绘制

    总之,使用Flex进行CSV解析和拓扑图绘制涉及到了数据读取、解析、处理和图形化展示等多个技术环节,对于理解和操作IT系统具有重要的实用价值。通过学习和实践这些技能,开发者能够创建出直观且功能强大的数据可视化...

    jtopo.rar (jtopo拓扑图两节点双线连接bug修复)

    jtopo是一款基于JavaScript的开源拓扑图库,适用于Web应用中创建动态、交互式的网络拓扑图。在本案例中,"jtopo.rar"是一个修复了特定问题的版本,特别是关于"两节点双线连接bug修复"的问题。 首先,我们要理解在...

    阿里G6漂亮流程图绘制

    阿里G6是一款强大的图形绘制引擎,专为数据可视化设计,尤其在流程图、网络拓扑图、思维导图等领域有着广泛的应用。它是由阿里巴巴集团开源的一款JavaScript库,旨在帮助开发者轻松构建可交互的数据可视化应用。 在...

    flex拓扑展示的例子1

    它提供了丰富的组件库,使得开发人员可以轻松地创建具有高度用户交互性的图形界面,特别适合于数据可视化和网络拓扑显示。 在"flex拓扑展示的例子1"中,我们可以期待看到以下几个关键知识点: 1. **Flex组件**:...

    jtopo实际运用(代码二次封装)+jtopo源码

    jtopo是一个基于JavaScript的开源库,主要用于创建和展示网络拓扑图。这个库提供了丰富的图形元素和交互功能,使得在Web应用程序中构建复杂的拓扑结构变得简单易行。在实际运用中,jtopo不仅可以用于网络设备的布局...

    画图组态软件

    JOINTJS是一个灵活的开源框架,它允许开发者构建各种复杂的图表,如流程图、UML图、网络拓扑图等。其核心功能包括图形对象的创建、布局算法、连接线管理以及丰富的API和插件支持,使得开发者能够轻松地定制和扩展...

    Graphviz一个图形库

    - 网络拓扑图:表示网络设备和连接。 - 任务或工作流:表示项目中的任务和进度。 7. 调整与优化:通过调整DOT脚本中的参数和属性,你可以控制图的外观,如颜色、线条样式、字体大小等。此外,还可以通过设置约束...

Global site tag (gtag.js) - Google Analytics