FlowShape API in Vue Diagram API component

Defines the behavior of the flow shape

Properties

shape

FlowShapes

Defines the type of the flow shape

• Process - Sets the type of the flow shape as Process
• Decision - Sets the type of the flow shape as Decision
• Document - Sets the type of the flow shape as Document
• PreDefinedProcess - Sets the type of the flow shape as PreDefinedProcess
• Terminator - Sets the type of the flow shape as Terminator
• PaperTap - Sets the type of the flow shape as PaperTap
• DirectData - Sets the type of the flow shape as DirectData
• SequentialData - Sets the type of the flow shape as SequentialData
• MultiData - Sets the type of the flow shape as MultiData
• Collate - Sets the type of the flow shape as Collate
• SummingJunction - Sets the type of the flow shape as SummingJunction
• Or - Sets the type of the flow shape as Or
• InternalStorage - Sets the type of the flow shape as InternalStorage
• Extract - Sets the type of the flow shape as Extract
• ManualOperation - Sets the type of the flow shape as ManualOperation
• Merge - Sets the type of the flow shape as Merge
• OffPageReference - Sets the type of the flow shape as OffPageReference
• SequentialAccessStorage - Sets the type of the flow shape as SequentialAccessStorage
• Annotation - Sets the type of the flow shape as Annotation
• Annotation2 - Sets the type of the flow shape as Annotation2
• Data - Sets the type of the flow shape as Data
• Card - Sets the type of the flow shape as Card
• Delay - Sets the type of the flow shape as Delay
• Preparation - Sets the type of the flow shape as Preparation
• Display - Sets the type of the flow shape as Display
• ManualInput - Sets the type of the flow shape as ManualInput
• LoopLimit - Sets the type of the flow shape as LoopLimit
• StoredData - Sets the type of the flow shape as StoredData

Defaults to ‘Terminator’

type

Shapes

Defines the type of node shape

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

let nodes: NodeModel[] = [{
id: 'node', width: 100, height: 100, offsetX: 100, offsetY: 100,
    shape: { type: 'Flow', shape: 'Terminator' },
}];
let diagram: Diagram = new Diagram({
...
nodes : nodes,
...
});
diagram.appendTo('#diagram');

Defaults to ‘Basic’