About the Gantt Chart web part

The Gantt Chart web part is a modern Gantt chart with interactive features. Currently there are two types of Gantt Chart:

  1. Project Gantt charts that use the project cache for fast cross-site project level reporting. This is intended to eventually replace BrightWork Reporter Gantt Charts over time.

    GanttScreenshot

  2. Project Task Hierarchy Gantt charts that use the project tasks list for project task reporting. This is intended to eventually replace List Gantt View web part over time.

    GanttTaskHierarchy

Using the Gantt Chart web part

The Gantt Chart web part supports the following:

  • Column widths can be dragged to expand or narrow the column.
  • Column splitter can be dragged left and right to hide or show columns.
  • Information icon iicon to view report configuration.
  • Refresh of the web part is available from the web part Ribbon. Click on the information icon iicon to see the ribbon.
  • An item missing a start or finish date will be represented by an open bracket.

Hierarchical Gantt

Project Task Hierarchy reporting in the Gantt Chart web part also supports the following:

  • Grey 'Frame' indicator for actual dates for the Summary Task.
  • Summary bar to reflect the tasks rollup dates for the Summary Task.
  • In this example, the black arrows point at the 'Frame' which is displaying the dates in the Summary Task. The green arrows show the start and finish dates for the Summary Task and is calculated from its sub-tasks.
    GanttFrameExample
  • Summary Tasks can be expanded and collapsed for ease of use.

Cross-Project Gantt

Cross-project reporting (using the Project cache) also supports the following:

  • Column can be sorted by clicking on the column's heading. Ctrl-Click a column heading for multi-column sorting.
  • Search of Gantt content.

Configuring Gantt Chart web part

To configure:

  1. Click on the information icon to open the ribbon.
  2. Click Configure Gantt Chart Settings then click one of the options and click OK.

Gantt Data Source

Data Source

The Gantt Chart web part supports the following Data Sources:

  • Project Cache.
  • Project Task Lists.

The Data Source can be filtered using views or by using CAML.

  • Project Cache
    The Project Cache is designed primarily to speed up the loading of cross-site project reports that report across multiple sites. By default, all items in the Project Cache are shown but you can filter the project items displayed by any of the three out-of-the-box views: All Projects, Open Projects and My Projects or by using CAML. This option appears in data sources if the Project Cache is activated, (which it is, by default out-of-the-box).

    The Gantt Scope can be set to report on Current Site only, or the Current Site and all its sub-sites. When in a Portfolio reporting site the only option will be Current Site.

  • Project Task List
    Selecting a project task list as the Data Source will report on all tasks in the list. Filtering options will be introduced in later releases.

Gantt Appearance

Height

You can set the height of the Gantt Chart by inputting a pixel value. The default height is 450 pixels. You cannot set the height below 300 pixels.

Tip: The height should not be set to more than the typical screen size. This can cause the column heading to scroll off the top page.

Web Part Settings

Title

Enter a title for the web part.

Chrome Type

Chrome types available are: Default, Border Only, None, Title and Border, and Title Only.

Data Binding

Gantt Columns

Select the columns to be represented in the Gantt Chart's timeline:

  • Start Date
    Select the date column to be used as the start date. This field is required.
  • Finish Date
    Select the date column to be used as the finish date. This field is required.
  • Percent Complete
    Select the column to be used as the Percent Complete column.This field is optional.

Column Settings

To configure the columns displayed in the Gantt, select the columns to be included and the order in which you want them to appear.

For each column, you can also set custom properties:

  • Custom Caption
    Change text heading of the column. Some icon columns do not allow a custom caption.
  • Caption Visibility
    Hide or show the text heading of the column.
  • Column Width
    Set the width of the column in pixels. For columns displaying icons, 30 pixels is the recommended width.

Sort

This applies when configuring for the Project Cache only.

Select up to four sort columns. Specify either Ascending or Descending sort order for each column.

This sorting is the default sorting used each time the page is opened. The columns within the Gantt can also be sorted by clicking on the column's heading. Ctrl-Click a column heading for multi-column sorting. This type of sort will only remain in place while the page is open.

Was this article useful?

Back to Top