vis.js
My name is Red ^^
正经学徒,佛系记录,不搞事情
展开
-
vis.js力导向图第一弹——基本展示
正经学徒,佛系记录,不搞事情一、什么是vis.jsvis.js是一个前端可视化框架,官方文档位置:http://visjs.org/docs/network/力导向图(Force-Directed Graph),是绘图的一种算法。在二维或三维空间里配置节点,节点之间用线连接,称为连线。各连线的长度几乎相等,且尽可能不相交。节点和连线都被施加了力的作用,力是根据节点和连线的相对位置计算的...原创 2018-11-16 17:27:35 · 7124 阅读 · 5 评论 -
vis.js力导向图第二弹——固定节点
正经学徒,佛系记录,不搞事情基于上文:https://blog.csdn.net/qq_31748587/article/details/84142527 的项目力导向图由于力的作用,导致即使平衡后,拖拽节点依然会导致所有节点重新回到平衡状态,当数据量足够大时,甚至会出现遮挡、拖拽后节点弹到别的地方等问题为了使vis既能保持力导向图的效果,又能在拖拽节点后节点可以固定不动这里设计了...原创 2018-11-16 17:56:14 · 4765 阅读 · 1 评论 -
vis.js力导向图第三弹——双击扩展节点
正经学徒,佛系记录,不搞事情基于上文:https://blog.csdn.net/qq_31748587/article/details/84143153 的项目不能扩展节点的图是没有灵魂的,vis扩展节点比较简单,只需要追加节点和关系即可首先定义一个变量数组nodeExtendArr,表示已扩展的节点监听双击事件network.on("doubleClick", funct...原创 2018-11-19 10:10:30 · 2611 阅读 · 1 评论 -
vis.js力导向图第四弹——双击扩展节点(去重版)
正经学徒,佛系记录,不搞事情基于上文:https://blog.csdn.net/qq_31748587/article/details/84230416 的项目可扩展的图最终都要面临的一个问题就是扩展后节点的重复举个栗子:首先将节点形状设置为“点dot”模式,构造如图的形状以A节点为例子,假设A节点扩展后还有E和F两个节点理想的效果是:而现实是:或者因...原创 2018-11-19 11:10:12 · 3852 阅读 · 0 评论 -
vis.js力导向图第五弹——隐藏节点
正经学徒,佛系记录,不搞事情基于上文:https://blog.csdn.net/qq_31748587/article/details/84143153 的项目通过复选框动态控制节点的展示(节点隐藏会自动隐藏关系,但节点还是存在于图中,只是隐藏了)首先随意创建节点和关系隐藏C类实现方法:html显示节点<input type="checkbox" n...原创 2018-11-19 14:02:50 · 2578 阅读 · 12 评论 -
neo4j图形数据库第七弹——整合vis.js实现数据可视化
正经学徒,佛系记录,不搞事情基于上文:https://blog.csdn.net/qq_31748587/article/details/84232352 vis.js的项目基于上文:https://blog.csdn.net/qq_31748587/article/details/84394793 neo4j的项目vis.js具体用法可查看本博客 vis.js力导向图 系列ne...原创 2018-11-26 13:52:47 · 8782 阅读 · 6 评论