Log In
Home
Support
Demos
Documentation
Blogs
Training
Webinars
[Expand]Welcome to DevExpress .NET Documentation
[Expand]WinForms Controls
[Collapse]ASP.NET Controls and MVC Extensions
 [Expand]Prerequisites
 [Expand]What's Installed
 [Expand]Common Concepts
 [Collapse]ASP.NET WebForms Controls
   Getting Started
  [Expand]Reporting
  [Collapse]Chart Control
   [Expand]Product Information
   [Expand]Getting Started
   [Expand]Fundamentals
   [Collapse]Concepts
    [Expand]Creating Charts
    [Collapse]Chart Elements
     [Expand]Series
     [Collapse]Diagram
       Diagram Overview
       Simple Diagram
       Swift Plot Diagram
       XY-Diagram
       Gantt Diagram
       Radar and Polar Diagrams
       Simple Diagram 3D
       XY-Diagram 3D
       Funnel Diagram 3D
     [Expand]Axes
     [Expand]Panes
     [Expand]Legend
     [Expand]Chart Titles
     [Expand]Annotations
     [Expand]Indicators
    [Expand]End-User Interaction
     Supported Browsers
     Adding a Web Chart
     Handling Client-side Scripts
     Medium Trust Support
     Web Farm and Web Gardens Support
   [Expand]Design-Time Features
   [Expand]Visual Elements
   [Expand]Examples
  [Expand]Grid View
  [Expand]Card View
  [Expand]Vertical Grid
  [Expand]Spreadsheet
  [Expand]Rich Text Editor
  [Expand]Image and Data Browsing
  [Expand]Docking and Popups
  [Expand]Site Navigation and Layout
  [Expand]File Management
  [Expand]Multi-Use Site Controls
  [Expand]Scheduler
  [Expand]HTML Editor
  [Expand]Pivot Grid
  [Expand]Tree List
  [Expand]Gauges
  [Expand]Data Editors
  [Expand]Spell Checker
  [Expand]Query Builder
 [Expand]ASP.NET MVC Extensions
 [Expand]Localization
 [Expand]Redistribution and Deployment
  Get More Help
 [Expand]API Reference
[Expand]ASP.NET Bootstrap Controls
[Expand]ASP.NET Core Bootstrap Controls
[Expand]WPF Controls
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Office File API
[Expand]Reporting
[Expand]Report Server
[Expand]Dashboard
[Expand]eXpressApp Framework
[Expand]CodeRush
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation

Gantt Diagram

This document details the specifics of the Gantt diagram type. It lists the series view types associated with this diagram type, demonstrates how its specific options can be accessed (both at design and runtime), and briefly describes these options. Before reading this text, you may wish to review the basics of using diagram in the ASP.NET Chart Control.

This document consists of the following sections.

Expanded Associated Series View Types

The Gantt diagram is used to plot series of the Side-by-Side and Overlapped Gantt view types. These views display horizontal bars along the date-time axis. Each bar represents a separate event with start and end values, so these charts are used to track different activities during the time frame (e.g. plan the use of various resources, review the project's completion in project management, etc.). This chart type is useful when it is necessary to show activity bars from different series one above another, to compare their duration. You can freely combine series of these view types within the same diagram.

A typical example of the Gantt diagram is shown in the following image.

Note

Since it is common for Gantt charts to show the date-time axis (axis of values) horizontally, the Gantt chart cannot be rotated. Therefore, the GanttDiagram.Rotated property for the GanttDiagram is hidden and unavailable.

To learn how to access the Gantt diagram and its options, refer to the next section of this document.

Expanded Accessing a Diagram

To access the Gantt diagram's options at design time, click your chart, to select it. Then, expand the WebChartControl.Diagram property in the Properties window.

At runtime, cast your instance of the Diagram object to the GanttDiagram type.

Expanded Specific Options

Since the GanttDiagram class is derived from the XYDiagram class, its set of properties is similar to the properties of the XY-Diagram. The only difference is that the GanttDiagram.Rotated property is hidden, and its value is always equal to true.

So, taking this sole difference into consideration, you can refer to the list of available options in the following document: XY-Diagram.

Is this topic helpful?​​​​​​​