UmlActivityShape API in Vue Diagram API component

Defines the behavior of the UMLActivity shape

Properties

shape

UmlActivityShapes

Defines the type of the UMLActivity shape

• Action - Sets the type of the UMLActivity Shape as Action
• Decision - Sets the type of the UMLActivity Shape as Decision
• MergeNode - Sets the type of the UMLActivity Shape as MergeNode
• InitialNode - Sets the type of the UMLActivity Shape as InitialNode
• FinalNode - Sets the type of the UMLActivity Shape as FinalNode
• ForkNode - Sets the type of the UMLActivity Shape as ForkNode
• JoinNode - Sets the type of the UMLActivity Shape as JoinNode
• TimeEvent - Sets the type of the UMLActivity Shape as TimeEvent
• AcceptingEvent - Sets the type of the UMLActivity Shape as AcceptingEvent
• SendSignal - Sets the type of the UMLActivity Shape as SendSignal
• ReceiveSignal - Sets the type of the UMLActivity Shape as ReceiveSignal
• StructuredNode - Sets the type of the UMLActivity Shape as StructuredNode
• Note - Sets the type of the UMLActivity Shape as Note

Defaults to ‘Action’

type

Shapes

Defines the type of node shape

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

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

Defaults to ‘Basic’