relation-graph

发表于2022-09-29|更新于2026-02-24

|浏览量:

青年人如果有青年人的精神，这精神就是乐观——茅盾

这是一个Vue关系图谱组件，可以展示如组织机构图谱、股权架构图谱、集团关系图谱等知识图谱，可提供多种图谱布局，包括树状布局、中心布局、力学布局自动布局等。

git仓库：https://github.com/seeksdream/relation-graph

文档地址：http://relation-graph.com/#/docs/start

在线体验：http://relation-graph.com/#/demo/layout-center

甚至包含在线配置工具

十分强大

相关推荐

学习uni-app官方教程

生命是一条奔流不息的河，我们都是那个过河的人。——席慕蓉官网我们直接实战创建两个项目从hello-uniapp中复制common文件夹以及static下面的uni.ttf文件到news项目同目录下然后是复制App.vue中的样式库 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091<script> export default { onLaunch: function() { console.log('App Launch') }, onShow: function() { console.log('App Show') }, onHide: fun...

语法高亮shiki

即使断了一条弦，其余的三条弦还是要继续演奏，这就是人生。——爱默生项目介绍 Shiki 是一个基于 VS Code 语法高亮引擎的代码高亮库，它通过使用 TextMate 语法和 VS Code 的主题，生成极为准确和美观的高亮代码。Shiki 提供了一种非常灵活的方式来在静态网站生成器、文档系统或 Web 应用中进行代码高亮渲染，支持多种编程语言和主题。 Shiki 的主要特点：精确的高亮效果：基于 VS Code 引擎，支持 TextMate 语法和多种语言的高亮，保证与编辑器中一致的高亮效果。丰富的主题：支持多种 VS Code 主题，能够为代码提供深浅色主题选择。轻量级和快速：尽管功能强大，但 Shiki 仍然保持轻量和高效，适合在 Web 项目中使用。适用性广泛：可以轻松集成到静态网站生成器、博客、文档系统等项目中，提升代码展示的视觉体验。官方文档、GitHub地址官方文档：Shiki Documentation GitHub 仓库：shikijs/shiki Shiki 的官方文档提供了详细的使用说明、配置选项和主题列表，帮...

变量解构赋值

既然有时间在最后壮烈牺牲，不如完美地活到最后一刻——坂田银时/银魂前两天有朋友问我，这个写法看不懂，让我给他讲讲它这里用到了一个ES6的新特性：解构赋值这里简单复现一下 123456789var param = { columns: { property: "我是property" }, data: ["我是", "data", "数组"]}var {columns,data} = paramconsole.log(columns)console.log(data) 输出结果可以看到我们这里使用 1var {columns,data} = param 去拿到了param里的变量columns和data 这里注意一点，如果我们使用的名字不同的话，是无法取得里面的属性的例如 123456789var param = { columns: { property: "...

js日期、经纬度格式化

如果你不出去走走，你就会以为这就是全世界。——《天堂电影院》如果你不出去走走，你就会以为这就是全世界。——《天堂电影院》之前写过一篇js时间戳格式化以及一篇js中Date函数的api 今天写篇“人性化”的格式化的 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889// 格式化传入毫秒值，计时秒表用function formatTime(time) { if (typeof time !== 'number' || time < 0) { return time } var hour = parseInt(time / 3600) time = time % 3600 var minute = parseInt(time / 6...

如果学生没有学习的积极要求，教师越是把注意局限在知识上，学生对自己学习上的成绩就越冷淡，学习愿望就越低落。——苏霍姆林斯基《给教师的建议》 https://github.com/galaxy-s10/billd-live Billd Live：基于 WebRTC 的开源在线互动直播系统@galaxy-s10/billd-live 是一个开源、高可定制性的在线互动直播系统。它采用现代前端技术栈，结合 WebRTC 实时音视频传输和 Node.js 服务端，支持多人连麦、弹幕互动、屏幕共享、录制回放等丰富功能，适用于教育培训、在线会议、远程协作、娱乐直播等多种场景。项目简介Billd Live 致力于为开发者和团队提供一套可自由扩展、二次开发友好的 Web 端直播解决方案。项目结构清晰，模块化强，既适合用作生产环境的直播/会议系统，也适合用作学习 WebRTC、Socket.io、前后端分离架构的技术参考。技术栈前端：Vue3、Vite、TypeScript、Element Plus 实时音视频：WebRTC 通信：Socket.io（信令服务器） ...

图片预览放大js插件

分享一个非常简单的图片预览插件viewer 首先引入js和css viewer.js:下载链接 jquery1.11.3.js:下载链接 jquery-viewer.min.js:下载链接 viewer.css:下载链接然后引入 123456789<head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="stylesheet" href="{路径}/viewer.css" rel="external nofollow" rel="external nofollow"> <script src="...

阿超

我的名字叫阿超年龄25岁家在北京市职业是软件开发每天最晚也会在八点前回家不抽烟酒浅尝辄止晚上十二点上床保证睡足八个小时睡前写一篇博客再做二十分钟俯卧撑暖身然后再睡觉基本能熟睡到天亮像婴儿一样不留下任何疲劳和压力就这样迎来第二天的早晨健康检查结果也显示我很正常我想说明我是一个不论何时都追求内心平稳的人不拘泥于胜负不纠结于烦恼不树立使我夜不能寐的敌人这就是我在这社会的生活态度

数据加载中