元素连线配置

演示各种连线配置选项，包括形状、样式和连接节点的行为。

元素连线配置

功能概述

此示例演示各种连线配置选项，包括用于在图表中连接节点的不同形状、样式和行为。

核心特性实现

多种连线形状

为各种连接类型配置不同的连线形状：

const graphOptions: RGOptions = {
    defaultLineShape: RGLineShape.StandardCurve,
    // 选项：StandardStraight、SimpleBezier、StandardCurve、SimpleOrthogonal
};

连线样式

使用颜色、宽度和文本自定义连线外观：

lines: [
    { from: 'a', to: 'b', text: 'Connection', color: '#43a2f1', lineWidth: 2 }
]

创意使用场景

• 网络拓扑：不同连线样式表示连接类型
• 流程：不同的连线粗细表示重要性
• 电路图：不同信号的特定连线类型
• 交通：不同交通方式的连线样式
• 层级：报告线的视觉区分