连接到任意目标

演示使用 RGConnectTarget 和 RGFakeLine 将节点连接到任意画布元素。

连接到任意目标

功能概述

本示例演示如何使用 RGConnectTarget 和 RGFakeLine 将节点连接到画布上的任意元素，而不仅仅是其他节点。这 enables 创建到标签、注释或其他视觉元素的连接。

核心特性实现

RGConnectTarget 包装器

<RGConnectTarget id="target-1">
    <div>Custom Element</div>
</RGConnectTarget>

虚假连线配置

<RGFakeLine
    from="node-1"
    to="target-1"
    text="Connection to element"
/>

画布级连接

将节点连接到画布上的任何元素，而不仅仅是图节点。

创意使用场景

注释：将节点连接到解释性文本或注释。将节点链接到文档。

泳道：将任务连接到泳道标签。显示哪个泳道包含哪些任务。

组标签：将节点连接到组标题。视觉分组而不需要严格的层次结构。

状态指示器：将节点连接到状态面板。在外部指示器中显示节点状态。

图例：将节点连接到图例条目。解释节点类型和颜色。

指标面板：将节点连接到指标显示。显示组件的性能数据。

时间线：将事件连接到时间线标记。带有图形的时间可视化。

外部控件：将图形元素连接到 UI 控件。交互式仪表盘。