OrthogonalSegmentModel

12 Sep 20251 minute to read

Interface for a class OrthogonalSegment

Properties

allowDrag boolean

Defines the segment to be drag or not

direction Direction

Sets the direction of orthogonal segment

• Left - Sets the direction type as Left
• Right - Sets the direction type as Right
• Top - Sets the direction type as Top
• Bottom - Sets the direction type as Bottom

length number

Defines the length of orthogonal segment

<div id='diagram'></div>

let connectors: ConnectorModel[] = [{
      id: 'link2', sourcePoint: { x: 0, y: 0 }, targetPoint: { x: 40, y: 40 }, type: 'Orthogonal',
      shape: {
          type: 'Bpmn',
          flow: 'Message',
          association: 'directional'
      }, style: {
          strokeDashArray: '2,2'
      },
      segments: [{ type: 'Orthogonal', length: 30, direction: 'Bottom' },
      { type: 'Orthogonal', length: 80, direction: 'Right' }]
  }];
let diagram: Diagram = new Diagram({
...
connectors: connectors
...
});
diagram.appendTo('#diagram');

type Segments

Defines the type of the segment

• Straight - Sets the segment type as Straight
• Orthogonal - Sets the segment type as Orthogonal
• Bezier - Sets the segment type as Bezier