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

甚至包含在线配置工具

十分强大

相关推荐

如果学生没有学习的积极要求，教师越是把注意局限在知识上，学生对自己学习上的成绩就越冷淡，学习愿望就越低落。——苏霍姆林斯基《给教师的建议》 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（信令服务器） ...

文变染乎世情，兴废系乎时序。一一刘勰 HTML <meter> 标签详解：数据范围与可视化的理想选择在现代 Web 开发中，可视化数据变得越来越重要。无论是展示进度、评分、性能指标还是任何有明确上下限的度量值，HTML5 提供的 <meter> 标签都能让开发者轻松实现直观、语义化的展示。本文将详细介绍 <meter> 标签的用法、属性、应用场景，以及与 <progress> 标签的区别。一、什么是 <meter> 标签？<meter> 是 HTML5 新增的标签，用于表示标量测量值（即有范围的度量值），如磁盘用量、投票结果、健康值、评分等。它能为用户提供一目了然的数值状态，并具备良好的可访问性和语义性。官方文档：MDN - <meter> 元素二、基本语法与用法最简单的用法如下： 1<meter value="0.7">70%</meter> 效果：显示一个表示 70% 的可视化条。浏览器默认会根据 <meter>...

谨慎的行动要比合理的言论更重要。——西塞罗 vue2-elm 是一个基于 Vue.js 2.x 和 ElementUI 实现的仿饿了么外卖平台项目，主要用于学习 Vue.js 的实际开发。这是一个大型的单页面应用项目，涵盖了用户登录、餐馆信息展示、购物车功能、订单生成等核心功能。通过该项目，开发者可以深入学习 Vue.js 在实际场景中的应用，并理解如何构建和优化大型单页面应用。项目的主要功能模块包括：首页展示：展示外卖商家列表及其信息。商家详情页：展示某个商家的详细信息，包括商品分类和详细的评价信息。购物车功能：用户可以添加、删除商品，并结算订单。用户登录及个人中心：支持用户登录、查看订单历史等功能。地图定位及地址选择：基于百度地图 API 实现了用户地址选择和地理位置的定位功能。这个项目使用了 Vue.js 前端框架，并通过 Vuex 来管理应用状态。它还结合了 Vue Router 来实现页面的动态路由切换，用户体验接近于原生 APP。官方文档和 GitHub 地址 GitHub 仓库：bailicangdu/vue2-elm vue2-...

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...

wangeditor自定义菜单

时间是衡量事业的标准。 —— 培根代码如下： 123456789101112131415161718192021222324252627282930313233import { DomEditor, IButtonMenu, IDomEditor, ISelectMenu } from '@wangeditor/editor'export class MentionMenu implements IButtonMenu { constructor() { this.title = '设置标签' // this.iconSvg = '<svg >...</svg>' this.tag = 'button' } title: string iconSvg?: string | undefined hotkey?: string | undefined alwaysEnable?: boolean ...

事物都是互相妥协的。就是冰山也会时而消融，时而重新凝聚。——爱默生分享一个vue库 https://github.com/vueuse/vue-demi 用来解决编写的代码在vue2和vue3之间的兼容问题安装： 1npm i vue-demi 然后修改package.json，将vue 和@vue/composition-api添加到peerDependencies中 1234567891011121314151617{ "dependencies": { "vue-demi": "latest" }, "peerDependencies": { "@vue/composition-api": "^1.0.0-rc.1", "vue": "^2.0.0 || >=3.0.0" }, "peerDependenciesM...

阿超

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

数据加载中