Element Lines Configuration

Functional Overview

This example demonstrates various line configuration options including different shapes, styles, and behaviors for connecting nodes in the graph.

Implementation of Key Features

Multiple Line Shapes

Configure different line shapes for various connection types:

const graphOptions: RGOptions = {
    defaultLineShape: RGLineShape.StandardCurve,
    // Options: StandardStraight, SimpleBezier, StandardCurve, SimpleOrthogonal
};

Line Styling

Customize line appearance with colors, widths, and text:

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

Creative Use Cases

Network Topology: Different line styles for connection types
Process Flows: Varying line weights for importance
Circuit Diagrams: Specific line types for different signals
Transportation: Line styles for different transport modes
Hierarchy: Visual distinction for reporting lines