通讯监测可视化工具

列举主要功能

1、多种控件拖拽至画布，最终生成canvas。
2、支持分组，可直接拖拽至分组。
3、支持添加任意锚点，锚点和母体的位置是相对坐标，添加锚点后允许放置任何地方
4、支持任意形状的连线，连线上可再添加锚点。
5、支持切换箭头的形状。（目前提供8种）
6、支持改变图形的尺寸。
7、支持改变文字的大小。
8、支持修改字体颜色。
9、支持修改连线的颜色。
10、支持修改图形的名称。
11、支持修改分组的大小。（长和宽）
12、可给每一个控件配置IP+端口号，在展示页面展示其状态。
13、自定义文字可自定义换行。

下面演示一下配置页的部分功能

配置页面的功能正在逐步的完善。主要实现是基于antVg6的组件。

这里是展示页面

展示页面设置了实时刷新，60秒刷新一次，红色的服务器代表异常的服务器。

代码逻辑

1、可以连线的小锚点，是用G6画出来的圆形，只不过很小，创建小锚点后添加一个类型，约束只能连接小锚点
2、每个小锚点都有父级，就是标记是由哪个图形创建出来的，要记录和父级的相对位置，并跟随移动
3、父级的图形自定义，然后继承rect。
到这里就是通讯监测工具的所有功能，希望大家多多给出优化建议。