记录vis.js学习 day01

今天主要熟悉了VIS的API,属性等

 

目前大概进度:

前端页面实现设备图形化增删改查,设备连接,可以获取节点数据以及位置连接数据

 

记录vis.js学习 day01

 

添加设备:单击左上角操作

记录vis.js学习 day01

 

链接设备以及鼠标悬停事件:

记录vis.js学习 day01

单击事件和

左下角可获取节点信息以及位置连接数据:

记录vis.js学习 day01

 

修改和删除

记录vis.js学习 day01

主要API:

拓扑图生成:三个参数:1容器(container),2数据(data),3参数(我理解的)(options

容器(container):获取div

记录vis.js学习 day01

数据(data):节点和要连接的信息

 

节点(nodes):

记录vis.js学习 day01

 

连接的信息(edges):

记录vis.js学习 day01

 

数据(data):

记录vis.js学习 day01

 

操作 (option):

记录vis.js学习 day01

记录vis.js学习 day01

 

生成拓扑图:

记录vis.js学习 day01

 

获取节点信息:

记录vis.js学习 day01

获取位置信息:

记录vis.js学习 day01

记录vis.js学习 day01

 

新增节点的回调函数:

记录vis.js学习 day01