前段时间用到了,感觉不错,写了一个开源的demo,大家有兴趣的可以看看https://github.com/xiaohu12685/Network_demo_vis

大体样子就是这样,看功能就好,界面请忽略;

就是这个vis,官网链接http://visjs.org/ ,本文提到的就是这个网络神经这一块

前端框架用的就是vue(vue没有用到任何技术含量);

这个demo有三个功能,添加、连线、删除,这里的添加、删除没有用它默认的方法,就是直接操作的数组,默认操作方法如下;

具体可以去官方文档去看;

这事中间的现实部分,样式几乎可以说是为默认样式,具体配置详情可以去http://visjs.org/docs/network/这里看;

下面我把数据格式展示出来的,如果需要保存的话,是可以直接保存的。

Logo

开放原子开发者工作坊旨在鼓励更多人参与开源活动,与志同道合的开发者们相互交流开发经验、分享开发心得、获取前沿技术趋势。工作坊有多种形式的开发者活动,如meetup、训练营等,主打技术交流,干货满满,真诚地邀请各位开发者共同参与!

更多推荐