Returns/sets the drawing color of the lines used for selected bezier links
'navy'
Determines whether the user can interactively change the destination node of a link.
true
Determines whether the user can interactively change the origin node of a link.
true
Determines whether drag scrolling is allowed or not.
true
Determines whether interactive creation of links is allowed.
true
Determines whether interactive creation of nodes is allowed.
true
Determines whether you can drag moveable items interactively.
true
Determines whether you can create several links between two nodes or not. *
true
Determines whether multiselection mode of nodes and links is allowed or not.
true
Determines whether you can create reflexive links. A link is reflexive if its destination and origin nodes are the same.
true
Indicates whether the selection of items with the mouse is made only when the mouseUp event is fired or at each mouseMove event
true
Determines whether the selectionChanged event is fired or not.
true
Determines whether context handles are displayed for selected items
true
Determines whether jumps are displayed at the intersection of links.
false.
Determines whether you can resize sizeable items interactively.
true
Determines whether you can 'stretch' links (i.e add or remove segments) interactively. *
true
The canvas where this diagram will paint to.
Returns/sets the first color defining the gradient style used for central pins.
'white'
Returns/sets the second color defining the gradient style used for central pins.
'white'
Returns/sets the color used to draw central pin
'black'
Returns/sets the first color defining the gradient style used for context handles
'white'
Returns/sets the second color defining the gradient style used for context handles
'lightblue'
Returns/sets the size of a context handle. It is the horizontal size. The vertical sise is equal to the horizontal size multiplied by 2 and divided by 5.
20
Returns/sets the drawing color of the context handles
'navy'
Returns/sets the canvas background color.
#fff
Determines whether the grid is displayed or not.
false
Returns/sets the horizontal grid size.
16
Returns/sets the vertical grid size.
16
Determines whether nodes are aligned on the grid
false
Returns/sets the grid color.
rgb(192, 192, 192)
Returns/sets the first color defining the gradient style used for handles
'white'
Returns/sets the second color defining the gradient style used for the selection handles of nodes and links.
'lightgray'
Returns/sets the size of the handles used to select items.
6
Returns/sets the color used to draw a selection handle of a node or a link.
'black'
Used to specify the type of the area pointed by the mouse. outSide resizeHandle stretchHandle pin link node
Returns the reference of the item under the mouse
An object this contains the default property values for labels. When a label is created, it receives these property values.
An object this contains the default property values for links. When a link is created, it receives these property values.
Returns/sets the width of the area where the user has to click to select a link.
6
Returns/sets the selection rectangle action: select, zoom ... none.
Create nodes with the mouse.
Select the items partially inside the rectangle
selection2. Select the items completely inside the rectangle zoom.
Zoom the rectangle while ensuring a 1:1 aspect ratio
None
An object this contains the default property values for nodes. When a node is created, it receives these property values.
A method allowing making custom drawing on the AddFlow canvas.
null
Returns/sets the first color defining the gradient style used for pins.
'white'
Returns/sets the second color defining the gradient style used for pins.
'navy'
Returns/sets the size of the pins used to create links.
8
Returns/sets the color used to draw pins
'white'
Returns/sets a value this determines if the user can remove a link point by dragging the handle to a position where it has a very obtuse angle to its surrounding link points.
6
Returns/sets the scroll amount for the scroll bar arrows.
20
Returns/sets the selection rectangle filling color.
'rgba(192, 192, 192, 0.5)'
Returns/sets the selection rectangle width.
1
Returns/sets the selection rectangle color.
'gray'
Returns/sets the amount of blur on the shadow used to display items, in pixels.
2
Returns/sets the color of the shadow used to display items.
rgba(128, 128, 192, 0.5)
Returns/sets the X offset of the shadow used to display items
5
Returns/sets the Y offset of the shadow used to display items
5
The object managing the list of tasks and allowing undo/redo.
Determines whether a Quadtree structure is used to improve speed
return the horizontal size of the diagram
Returns/sets the horizontal offset
return the vertical size of the diagram
Returns/sets the vertical offset
Returns/sets the zoom factor
Add a label to the diagram
The label to add to the diagram
Add a link to the diagram
The link to add to the diagram
Add a node to the diagram
The node to add to the diagram
Optional
distance: numberThe distance between two vertices
Optional
marginSize: SizeThe margin size
Optional
isUnmoveableItemsAccepted: booleanOptional
isRandom: booleanDetermines whether the nodes are placed randomly
at the beginning of the layout. Normally, the algorithm starts by placing the
nodes randomly on the control, except if isRandomStart is False.
Optional
isSendStepEvent: booleanDetermines whether the Step event is fired at each iteration of the layout algorithm. This property could be used for instance to terminate the algorithm.
Optional
isAnimated: booleanDetermines whether an animation is provided
performs a symmetric layout on a graph, using a force directed algorithm. By default, the algorithm applies on all items (nodes and links). However you may exclude an item by setting its isExcludedFromLayout property to true.
Optional
layerDistance: numberThe distance between two adjacent layers
Optional
vertexDistance: numberThe distance between two adjacent vertices
Optional
orientation: OrientationThe graph layout orientation (north, east, south, west)
Optional
marginSize: SizeThe margin size
Optional
layerWidth: numberThe maximum number of vertices in a layer. If it is 0, then there is no maximum number of vertices.
performs a hierarchical layout. By default, the algorithm applies on all items (nodes and links). However you may exclude an item by setting its isExcludedFromLayout property to true.
Optional
layerDistance: numberThe distance between two adjacent layers
Optional
vertexDistance: numberThe distance between two adjacent vertices
Optional
drawingStyle: TreeDrawingStyleThe tree drawing style (layered or radial)
Optional
orientation: OrientationThe graph layout orientation (north, east, south, west)
Optional
marginSize: SizeThe margin size
performs a tree layout on a graph. The tree drawing may be layered or radial. By default, the algorithm applies on all items. However you may exclude an item by setting its isExcludedFromLayout property to true.
Remove a label.
A reference to the label to be removed.
Remove a link.
A reference to the link to be removed.
Remove a node.
A reference to the node to be removed.
Apply a specified zoom factor and arrange so that a specified point is placed at the center of the viewport.
The zoom factor.
The center point.
Zoom and scroll a view to fit a specified rectangular portion of the diagram.
The rectangular region to zoom.
Static
ContextTriggered when the user clicks on a context handle
a reference to the item owning the context handle
Static
MouseTriggered when the mouse pointer enters an item area.
a reference to the item visited by the mouse pointer
Static
MouseTriggered when the mouse pointer leaves an item area.
a reference to the item leaved by the mouse pointer
Static
SelectionTriggered when an item is selected or unselected
a reference to the selected or unselected item
Generated using TypeDoc
Represents a Flow component.