JavaScript is required

关于 relation-graph

relation-graph 不是一个“只能把点和线画出来”的组件。
它是一套面向真实业务系统的关系数据应用引擎:既能做高质量的数据呈现,也能做复杂的图形编辑与运行时数据编排。

如果你正在构建组织关系、产业链图谱、系统拓扑、流程编辑器、Agent 编排工具、知识图谱平台,或者任何“关系数据 + 交互编辑”的应用,relation-graph 的目标很明确:帮助你更快做出可交付的产品,而不是停留在 Demo 阶段。

relation-graph 到底是什么

relation-graph 是一个支持多前端技术栈的关系图组件体系,覆盖:

  • Vue 2 / Vue 3 / React / Svelte / HTML(Web Components)
  • 数据可视化展示与图编辑双模式
  • 从轻量接入到深度扩展的完整能力路径

它的设计不是“单一图形组件”,而是围绕图应用落地全过程构建:数据模型、布局系统、渲染层、交互事件、编辑控制器、状态管理、实例 API、样式系统、导出能力等一体化协同。

它能为你做什么

1. 把关系数据呈现得专业、清晰、可讲述

你可以使用内置布局快速得到可读结果,也可以接入第三方布局引擎实现更复杂的图结构表达。
通过节点、连线、画布、视图多层插槽与 CSS 定制能力,你可以把同一份关系数据渲染成完全不同的产品形态,而不是被固定皮肤限制。

2. 从“可看”升级到“可编辑”

relation-graph 天生支持编辑场景:
节点与连线创建、端点调整、路径编辑、框选、多选、对齐参考、撤销重做、局部工具栏、右键菜单、运行时控制等能力可以组合成完整编辑器体验。

这意味着你不需要从零搭建一套图编辑底层,就能快速交付流程编排、关系维护、架构设计等核心业务功能。

3. 用运行时 API 驱动业务,而不是被组件反向驱动

relation-graph 提供完整的 graphInstance API 与事件系统,用于增删改查、状态联动、路径分析、视口控制、数据增量更新等。
你可以把它无缝接入你的业务状态机、权限体系、审计流程与后端数据管线,构建真正可维护的工程化图应用。

4. 让“万物可连”成为现实

通过 RGFakeLineRGConnectTarget,连接目标不再局限于标准节点。
你可以连接卡片内部字段、外部 DOM、面板控件、地图标记、任意画布元素,从而做出更贴近真实业务语义的关系表达。

为什么 relation-graph 值得信赖

relation-graph 的价值不只在功能数量,更在落地质量与长期积累:

  • 有大量经过实战验证的行业场景沉淀,而非只面向演示环境
  • 长期与数千位真实付费用户进行高频问题交流,持续打磨稳定性与可用性
  • 为近百家企业用户提供技术支持,配合企业有序、快速地将图应用落地到自身系统
  • 形成了文档、示例、能力分层、问题闭环的完整工程化支持体系

这背后体现的是一种能力:不只是“能做出来”,而是“能持续上线、可迭代、可维护”。

现在就开始

如果你希望构建一套真正可落地、可扩展、可持续演进的关系数据应用,relation-graph 是一条经过验证的路线。