如何绘制网页版拓扑图

本文详细介绍了使用Qunee库在网页上创建拓扑图的步骤和技巧,包括设置节点、边和布局,以及如何实现动态交互功能,帮助开发者更好地展示网络结构和数据关系。
摘要由CSDN通过智能技术生成
最近为了实现一个网页版的拓扑图, 采用了qunee.js这个js库. 觉得挺不错 . 记一下自己的使用心得. 

qunee是一个js库,封装了html5的canvas的许多方法,在上面也做了自己的很多开发, 可以实现许多效果。 

下面列举和运维相关的一些应用: 

子网模式   http://demo.qunee.com/#SubNetwork  Demo 

内网拓扑   http://demo.qunee.com/#Sinopec  Network Demo 

公网拓扑  http://demo.qunee.com/#Public  Server Network

网络组织图表  http://demo.qunee.com/#Network  Organization Chart 

总线模式   http://demo.qunee.com/#Bus  Demo

设备面板  http://demo.qunee.com/#Equipment  Demo

设备告警图一   http://demo.qunee.com/#Monitoring  Demo

设备告警图二  http://demo.qunee.com/#Alarm  Demo

VOIP  http://demo.qunee.com/#VOIP  Demo 

网络数据流  http://demo.qunee.com/#Flowing  Demo

VPC管理  http://demo.qunee.com/#VPC  Manager Demo 

机房分布图  http://demo.qunee.com/#2.5D  Room Demo 

除此之外, qunee还能用来绘制流程图, 思维导图ÿ
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值