Syncfusion.EJ
Inheritance Hierarchy

Syncfusion.JavaScript.DataVisualization.Models.Diagram Namespace

In this namespace, we define the diagram class files nodes, connectors, port, group and etc.
Classes
 ClassDescription
Class To initialize a label can be aligned relative to the node boundaries.
Class Defines auto scroll border for all left, right, top, and bottom sides. Default value for all is 15.
Class Defines whether the BackgroundImage is stretchable and align the background image anywhere over the diagram area. ///
Class Diagram provides support to add different kind of nodes.
Class Text annotation is one of the artifact, which is used to show additional information about a process to make it easier to understand.
Class A data object represents information flowing through the process, such as data placed in the process, data resulting from the process, and more.
Class An event is notated with a circle and it represents an event in a business process.
Class BPMN shapes are used to represent the internal business procedure in a graphical notation and allows you to communicate the procedures in a standard manner.
Class Subprocess is a group of tasks used to hide or reveal details of additional levels, which can be done using the collapsed property.
Class The BPMNTask allows you to define the type of task such as sending, receiving, user-based task, and more. By default, the type is set to “none”.
Class Defines a combination of keys and key modifiers on recognition of which the command will be executed.
Class Command Manager provides support to define custom commands. The custom commands are executed when the specified key gesture is recognized.
Class Configures data source for Diagram to create the connection by using ID and parent name as per given data.
Class Connectors are objects used to create link between two points, nodes or ports to represent the relationships between them.
Class The connector shape specifies as either BPMN or UMLClassifier or None. Default valus is None.
Class Containers are used to automatically measure and arrange the size and position of the child elements in a predefined manner.
Class CRUD feature allows the users to read the DataSource and perform add/edit/delete the data in datasource at runtime.
Class Configures data source for Diagram to create the connection by using ID and parent name as per given data.
Class A connector's start and end points can be decorated with some customizable shapes like arrows, circles, diamond, or path.
Class Default values for all nodes and connectors can be set using the defaultSettings property.
Class Defines or customize the expand/collapse icons appearances for the node.
Class 
Class To customize the appearance of the ruler in diagram.
Class 
Class It is used to represent the process flow. It is used for analyzing, designing, and managing for documentation process.
Class Defines a combination of keys and key modifiers, on recognition of which the command will be executed
Class Gradient allows you to define and apply the gradient effect to the node.
Class Gridlines are the pattern of lines drawn behind the diagram elements. It provides a visual guidance while dragging or arranging the objects on the diagram surface.
Class Group is used to cluster multiple nodes and connectors into a single element. It acts like a container for its children (nodes, groups, and connectors).
Class Defines the header of the swimlane nodes in the diagram.
Class The actions can be recorded into the history manager, such that the undo and redo operations can be performed.
Class HTML elements can be embedded in the Diagram through the HTML type node. To create an HTML node, set the type of node as “html”.
Class Diagram allows you to add images as image nodes. For image nodes, the type should be set as “image”.
Class Label is a block of text that can be displayed over shapes. Label is used to textually represent an object with a string that can be edited at run time.
Class It is an absolute value used to add some blank space in any one of its four sides.
Class Lane is a functional unit or a responsible department of a business process that helps to map a process within the functional unit or in between other functional units.
Class It is used to organize related shapes on the Diagram control.A layer is a named category of shapes.
Class Automatically arranges the nodes and connectors in a predefined manner.
Class The path of the connector is defined with a collection of segments. It is used to define whether the connector segment type is straight, orthogonal, or Bezier.
Class Defines a smooth transition between a set of colors (so-called “stops”) on a line.
Class It provides support to embed SVG element into a node. To create a native node, the type node should be set as “native”.
Class Nodes are graphical objects used to visually represent the geometrical information, process flow, internal business procedure, entity, or any other kind of data.
Class Implements a abstract class of node
Class Sets the padding for diagram functionalities like nodes, labels, models, rulers, and more.
Class Defines the size and appearance of diagram page.
Class Used to define size and preview size of the node to add or remove that symbol from the palette.
Class Phases are the sub-processes that are used to break the swimlane into multiple smaller regions.
Class Essential Diagram for JS provides support to define custom ports for making connections.
Class Defines a smooth transition between stops on a circle.
Class 
Class Customizes the visibility and appearance of the horizontal and vertical rulers in the diagram.
Class Defines a scrollable area bounds within the diagram.
Class 
Class The path of the connector is defined with a collection of segments.
Class 
Class 
Class 
Class 
Class The model’s snapSettings property is used to customize the gridlines and control the snapping behavior in the diagram.
Class The stop class for gradient
Class Typically used to visualize the relationship between a business process and the department responsible for it by focusing on the logical relationships between activities.
Class Defines the textBlock object that is used to define the text to be added and customize the appearance of that text.
Class Text can be added to the diagram as text nodes. For text nodes, the type should be set as “text”.
Class Diagram provides tooltip support while dragging, resizing, rotating a node, and when mouse hovers any Diagram element.
Class UMLActivity is used to define the shape of Activity flow shapes to connector. UMLActivity is applicable only for ActivityFlow shapes.
Class 
Class 
Class 
Class 
Class 
Class 
Class 
Class 
Class 
Class 
Class 
See Also