• Material 3
  • Material 3 Dark
  • Fluent
  • Fluent Dark
  • Bootstrap v5
  • Bootstrap v5 Dark
  • Tailwind CSS
  • Tailwind CSS Dark
  • Material
  • Bootstrap v4
  • High Contrast
Preferences
Mode Selection
Touch
Mouse
Theme Selection
Localization
*Translated by Google Translator.
Currency
Essential Studio
HOME
All Controls

Example of Pert Chart in ASP.NET Core Diagram Control

This sample visualizes a project development process using Program Evaluation Review Technique (PERT). Complex hierarchical tree layout algorithm is used to automatically arrange the nodes.

DEMO
SOURCE

This example shows how to generate a PERT chart from an external data source. The dataSourceSettings property can be used to map an external data source with the diagram control. The layout property can be used to automatically position the nodes. In this example, the nodes are arranged from left to right of the diagram. The orientation property can be used to define the orientation of the layouts.

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 PERT Chart, inject ComplexHierarchicalTree module using Diagram.Inject(ComplexHierarchicalTree) method.

Transform your ASP.NET Core web apps today with Syncfusion ASP.NET Core components
85+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE