ANTV/G6 绘制网络拓扑图

最近看其他项目绘制网络拓扑图用了vue-super-flow 绘制的不是太理想，所以自己研究了一下，尝试用antv/g6绘制了一下。
参看了官方api https://g6.antv.vision/zh/docs/api/Graph
以及官方推荐的第三方实现 github https://github.com/claudewowo/welabx-g6

使用了 vue-elementui-antv/g6 成果如下：

节点详情右侧显示

点击节点显示节点菜单

展开节点切换节点样式

ctrl+拖拽多选节点

选择网格样式选择蓝色点阵

选择机房添加一个combo

鼠标移入节点显示锚点，从锚点上拖动进入另一个节点显示该节点锚点，停在该节点上完成，可完成边的绘制

ANTV/G6 绘制网络拓扑图相关推荐

vue项目用antv/g6做网络拓扑图
前言: 本人公司要求我制作网络拓扑图编辑工具,现在阶段功能研究制作完成,我发布的内容仅供互相学习参考,一切产生的后果与我无关.本人用的是vue 先上视频 <template><div ...
绘制网络拓扑图的素材
看看这些对于内容对你绘制网络拓扑图有没有帮助. 转载于:https://blog.51cto.com/403654/84482
利用Visio绘制网络拓扑图要注意些什么
2019独角兽企业重金招聘Python工程师标准>>> 利用Visio绘制网络拓扑图要注意些什么网络拓扑图绘制工具很多,利用专业的工具可以绘制出漂亮美观的网络拓扑图.下面介绍下网络 ...
vue中使用antv/g6 绘制关系图、结构图
使用antv/g6绘制关系图效果图代码实现 npm install @antv/g6 --save <template><div id="app">&l ...
办公实用技巧：利用迅捷画图绘制网络拓扑图操作方法介绍
网络拓扑图,程序设计图,组织结构图等是几种比较常见的流程图主题,使用的人呢比较对并且绘制起来很方便很实用,所以很受大家青睐,所以今天爱跟风的小编就来和大家分享一下网络拓扑图的绘制方法. 绘制工具:迅捷 ...
EDraw 亿图图示设计软件一款好用的绘制网络拓扑图的软件
亿图网络图绘制作软件是由亿图软件公司推出的一款专门用来绘制电脑网络图的软件.软件功能强大,容易上手,几乎包含所有网络图的绘制,例如基本网络图,网络拓扑图,Cisco网络图,机架图,网络通信图,3D网络 ...
JTopo绘制网络拓扑图
JTopo绘制网络拓扑图 1.因为公司项目的需要,研究下JTopo开源框架.如果对JTopo不了解的话,建议搜索下, 篇幅有限,此处不描述了. 2.为了各位不走弯路,这里描述下目前JTopo的缺点.目 ...
vue office在线编辑_VUE和Antv G6实现在线拓扑图编辑
我使用的是G6 2.0,也可以使用 G6 3.0,3.0的拓扑图单独作为一个编辑器使用,使用更加方便.不过2.0的比较简单,容易上手. 1.首先在Antv官网上找到蚂蚁Antv G6插件,引入插件. ...
能够自动绘制网络拓扑图的软件——WGCLOUD
WGCLOUD是一款国人开源的分布式监控系统,可以监测所有的网络设备和服务器主机(实体机.虚拟机.云主机),并且是本地化部署,可以在局域网和内网运行. WGCLOUD安装部署好后,当然得有监控主机或数 ...

ANTV/G6 绘制网络拓扑图

ANTV/G6 绘制网络拓扑图相关推荐

最新文章

热门文章