relation-graph
发表于|更新于
|浏览量:
青年人如果有青年人的精神，这精神就是乐观——茅盾
这是一个Vue关系图谱组件，可以展示如组织机构图谱、股权架构图谱、集团关系图谱等知识图谱，可提供多种图谱布局，包括树状布局、中心布局、力学布局自动布局等。
git仓库：https://github.com/seeksdream/relation-graph
文档地址：http://relation-graph.com/#/docs/start
在线体验：http://relation-graph.com/#/demo/layout-center
甚至包含在线配置工具
十分强大
相关推荐
2021-11-23
export default和module.exports
我期望理解，但是也慢慢地感受到了一种责任，给予比接受伟大，去爱比被爱伟大。 ——海明威 我们在vue项目中创建两个js 在util.js中写入 123export default { ruben: 'ruben'} 在api.js中写入 123module.exports = { vampire: 'vampire'} 我们再来一个页面中使用两种方式引用 123456789101112131415<script>import util from '@/common/util.js';import api from '@/common/api.js'const util1 = require('@/common/util.js')const api1 = require('@/common/api.js')export default{ created(){ co...
2023-01-20
js获取元素相对于document的坐标
孤独没有什么不好。使孤独变得不好，是因为你害怕孤独。——《孤独六讲》 代码如下： 12345const getOffset = el => { const { left, top } = el.getBoundingClientRect() const { scrollTop, scrollLeft } = document.body return { top: top + scrollTop, left: left + scrollLeft }} 使用： 123456789101112131415161718192021222324252627<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content...
2023-05-02
taze
在读书的时候，我们是与智者交谈；在生活的事务中，我们通常是与愚人交谈。——培根 分享一个开源项目：taze github：https://github.com/antfu/taze 话说antfu大佬是真的nb taze是一个现代化的ci工具，能够让你的依赖保持最新版 执行：npx taze
2022-06-25
fokus
死亡，就是你加上这个世界，再减去你。——卡尔维诺 分享一个好玩的开源项目，演示地址： https://lab.hakim.se/fokus/ 代码仓库：https://github.com/hakimel/Fokus 演示效果： 当我们在页面上框选时，会在页面上加个蒙版，高亮框选区域 使用方式，首先下载fokus.min.js 官方链接 备用链接 然后引用 1<script src="/js/fokus.min.js"></script> 最后编写代码(随便写点) 1234567891011121314151617181920212223242526272829303132333435363738394041<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" cont...
2023-06-10
log-viewer
心平气和则能言——朱熹 https://github.com/FEMessage/log-viewer 分享一个前端日志库 其提供了中文文档 https://github.com/FEMessage/log-viewer/blob/dev/README-zh.md
2021-12-23
codeFlask
猝然死去本无甚苦痛，长期累死倒真难以忍受。——佚名 codeFlask是一个在线代码编辑器： 官方文档：https://kazzkiq.github.io/CodeFlask/ github：https://github.com/kazzkiq/CodeFlask 代码也很简单： 123456789101112131415161718192021222324252627282930313233343536373839404142<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript" src="https://unpkg.com/codeflask/build/codeflask.min.js"></script> </head> <body> <...