relation-graph 关系数据可视化与编辑解决方案

产品与解决方案

登录 English GitHub

基础指南

什么是 relation-graph

在 React 中使用

在 Vue3 中使用

在 Vue2 中使用

在 Svelte 中使用

在 HTML/Web Components 中使用

核心组件说明

核心概念解析

数据与状态管理

节点数据模型 (Node)

连线数据模型 (Line)

虚拟连线与目标 (FakeLine)

关联对象数据 (Link)

图谱数据流转与修改

图谱状态管理 (RGHooks)

图谱配置与样式

图谱全局配置项 (RGOptions)

组件样式管理逻辑

高级视觉定制

插槽系统概览

自定义节点 (#node)

自定义连线 (#line)

画布拓展内容 (#canvas)

自定义视图与背景 (#view & #background)

布局系统

布局器基础概念

内置布局算法说明

集成第三方布局算法

交互与内置组件

事件系统大全 (RGListeners)

内置小组件指南

API 参考手册

RelationGraphInstance 公开接口

TypeScript 类型定义

深入探索 relation-graph

多平台架构

relation-graph 架构详解

类继承层级

数据模型与类型

数据转换流程

数据管理系统

RGDataProvider 架构

响应式数据集成

CRUD 操作与状态更新

图分析与查询

布局架构与基类

力导向布局

树形与层级布局

圆形、固定及其他布局

连线渲染系统

连接点与路径计算

Canvas 渲染与 RGCanvas

性能模式与 EasyView

用户交互与事件

事件系统架构

用户交互与事件处理

DOM 集成与观察器

交互式编辑

编辑系统状态管理

节点选择与尺寸调整

连线编辑与操作

连接目标与交互创建

创建节点与连线

视图控制与效果

缩放与平移系统

视觉效果与动画

小地图与导航

多平台架构

Vue 2 与 Vue 3 集成

Web Components 集成

配置与选项

连线配置与虚拟连线

构建系统与分发

更多信息

关于relation-graph

Markdown File Not Found

./markdown-files/zh/docs/about.md

Ready to build?

准备开始搭建你的图应用能力栈？

从文档、示例到企业服务入口，这里保留所有当前站点需要展示的内容，只把表达方式升级成更清晰的营销结构。

联系服务查看在线示例

relation-graph

开源图能力 · AI 产品 · 场景交付

relation-graph 把 MIT 开源组件、AI 产品、场景产品和企业服务串成一条清晰路径，既能快速验证，也能承接长期业务落地。

MIT 开源GraphPilotRG 图谱专家知识库Pro / Team / Enterprise

产品与方案

快速开始产品与解决方案企业服务

典型场景

场景总览流程编辑示例知识图谱场景

资源

文档中心在线示例隐私条款

社区与代码

GitHub 服务条款

© 2026 Relation-Graph. All Rights Reserved.

隐私条款服务条款