relation-graph relation-graph是支持Vue2、Vue3、React的关系数据展示组件,支持通过【插槽】让使用者使用"普通HTML元素、Vue组件、React组件"来完全自定义图形元素,并提供实用的API接口让使用者轻松构建可交互的图形应用。 除了典型的关系数据展示功能,relation-graph还支持作为一个画板来使用,你可以在画板上放置任何内容...
Relation Graph 是一个专门用于展示关系图谱的Vue组件,支持Vue2和Vue3。它提供了多种布局方式、全方位自定义以及灵活交互等特性。 安装 bash npm install --save relation-graph-vue3 基本使用 在Vue组件中引入RelationGraph。 配置options对象,包括布局、样式、数据等。 使用<relation-graph>标签在模板中渲...
基于https://github.com/seeksdream/relation-graph修改的vue3版关系图组件。注:原作者已支持vue3,此版本供学习
Code Pull requests Actions Projects Security Insights Additional navigation options main BranchesTags Code This branch is up to date withseeksdream/relation-graph-vue3-demo:main. Folders and files Name Last commit message Last commit date Latest commit ...
Most dependents Recently published relation-graph-vue3-zw A Component Library for Vue 3 relation-graph-vue3 component library ui framework ui vue zw0319• 3.0.6 • 2 years ago • 0 dependents • MITpublished version 3.0.6, 2 years ago0 dependents licensed under $MIT 12Footer...
relation-graph is a relationship graph display component that supports Vue2, Vue3, React. Allowing you to fully customize the graphical elements using HTML/CSS and Vue or React components through slots. 支持Vue和React的 关联关系图谱组件,可以展示如组织机
"relation-graph": "^2.2.10", "sass": "^1.57.1", "sass-loader": "^13.2.0", "style-loader": "^3.3.1", "vite-plugin-compression": "^0.5.1", "vue": "^3.2.45", "vue-router": "^4.1.6", "wow.js": "^1.2.2" }, "devDependencies": { "@vitejs/plugin-vue": "^4.0.0...
"relation-graph": "^2.2.10", "sass": "^1.57.1", "sass-loader": "^13.2.0", "style-loader": "^3.3.1", "vite-plugin-compression": "^0.5.1", "vue": "^3.2.45", "vue-router": "^4.1.6", "wow.js": "^1.2.2", "vite-plugin-cesium": "github:yelingkong/vite-plugin-cesium...
graph:它表示 关系图,主要用于展现节点以及节点之间的关系数据。 lines:它表示 路径图,主要用来绘制两个节点 从起点到终点 的路径。两者之间进行结合,就可以得到咱们上面的数据关系图了。<template> 【数据传递信息】 </template> import { onMounted, ref, watch } from 'vue' import * as echarts ...
-- 数据传递关系图 --><Relation class="h-1/3"/><!-- 数据展示图 --><TotalData class="bg-opacity-50 bg-slate-800 p-3"/><!-- 地图可视化 --><MapChart class="bg-opacity-50 bg-slate-800 p-3 mt-4 flex-1"/><!-- 竖向柱状图 --><VerticalBar class="h-1/3 box-border pb-4"...