Updated on 2024-05-21 GMT+08:00

Gantt Chart

Gantt chart, also known as progress bar chart, is a common tool that uses the project list and time scale to show the project sequence and duration.

Gantt chart visualizes the project schedule and progress for a better evaluation of the remaining tasks and project progress. In the Gantt chart, the X axis represents the time (milestones), the Y axis is the activities (work items) to be scheduled, and the line shows the project progress.

You can create multiple Gantt charts. In each chart, you can create Milestones and work items, or add existing work items.

Add existing work items (displayed on the Work > Work Items page) or create new ones (epics, features, stories, tasks, or bugs).

Common Gantt chart operations include:

Prerequisites

Ensure that you have the Plan permission. If you do not have the permission, contact the project administrator to grant you permissions by choosing Settings > Work > Service Permissions.

Creating a Gantt Chart

  1. Go to the project details page.
  2. Choose Work > Plans, click Create, and select Gantt Chart.

  3. In the Create Gantt Chart dialog box, enter a chart name (for example, Gantt Chart), and click OK.

    The Gantt chart details page is displayed, without any work items.

  4. Add and set work items, such as the project schedule.

    Add work items in any of the following ways:
    • Add existing work items
      1. Click Add to Work Item.

        By default, all work items are displayed.

      2. Click All work items to display the work items to be added, for example, My work items.

      3. Select the target work items and click OK.

        Now the added work items are displayed in the Gantt chart.

    • Create work items

      Click Create Work Item, select a work item type, configure basic information, and click Save. To create multiple work items, repeat this operation.

      The work items will be displayed both in the Gantt chart and on the Work > Work Items page.

  5. Create a milestone and set the milestone date.

    1. Choose Create Work Item > Milestone. The Create Milestone dialog box is displayed.
    2. Set the Milestone Name, Milestone Owner, and Milestone Date, then click OK.

      Click Continue to Create to create more milestones. By default, this option is deselected.

      The Milestone Date should align with the Start Date and Due Date of work items to ensure the milestones are shown in the Gantt chart.

    3. (Optional) Edit or delete a milestone as required.

      In the Gantt chart list, hover over the target milestone.

      • Click to modify the milestone name.
      • Click and select Edit. Then edit the milestone name, owner, and date.
      • Click and select Delete to delete the milestone.

  6. (Optional) Filter work items as required. For example, locate the Done Ratio parameter, and click to filter the work items by completion rate.

  7. View the milestone information and progress in the Gantt chart.
  8. (Optional) Click and to zoom out or in the Gantt chart.
  9. View the project details. Hover over the progress bar of the target project to view the details.

    You can click to clone, remove, and delete work items and create child work items. For details, see Managing Work Items.

Editing a Gantt Chart

  1. On the Work > Plans page, hover over the target Gantt chart, click to edit the chart name.

  2. Click a Gantt chart to go to the details page.
  3. Select a work item and perform the following operations on it as required:

    • Clone: Clone the selected work item.
    • Edit: Edit the selected work item.
    • Remove: Remove the selected work item from the Gantt chart, but not from the Work > Work Items page.
    • Archive: Archive work items. Only Closed work items can be archived.
    • Delete: Delete the selected work item from both the Gantt chart and the Work > Work Items page.

Deleting a Gantt Chart

  1. On the Work > Plans page, hover over the target Gantt chart, click .

  2. Click Delete to delete the Gantt chart.

    Deleted Gantt charts cannot be recovered. Exercise caution when performing this operation.