Example of Flowchart Layout in ASP.NET Core Diagram Control

This sample illustrates the flowchart layout algorithm that is used to automatically arrange the flow shapes.

This example shows how to generate a flowchart layout from an external data source. The spacing between the objects can also be customized in the chart. The horizontalSpacing and verticalSpacing properties of layout can be used to customize the space between objects in a tree. The orientation property of layout can be used to change the orientation of the chart. The flowchartLayoutSettings property of layout can be used to configure the flow chart layout settings. The yesBranchDirection and noBranchDirection properties of the flowchartLayoutSettings is used to define the flow direction of the yes and no branch connectors.

Injecting Module

The diagram component’s features are segregated into individual feature-wise modules. To generate diagrams from an external data source, inject DataBinding module using Diagram.Inject(DataBinding) method. To automatically arrange the objects in a flowchart layout format, inject FlowchartLayout module using Diagram.Inject(FlowchartLayout) method.