---
metadata:
  - name: generator
    content: Diplodoc Platform v5.47.3
alternate:
  - https://yandex.com.tr/support/tracker/en/gantt/portfolio.md
---
> **Documentation Index:** Fetch the complete configuration index at https://yandex.com.tr/support/tracker/en/llms.txt

# Gantt chart for project portfolios

Gantt charts for Tracker project portfolios show nested [portfolios](https://yandex.com.tr/support/tracker/en/manager/portfolio.md) and [projects](https://yandex.com.tr/support/tracker/en/manager/project-new.md) and their [issues](https://yandex.com.tr/support/tracker/en/manager/project-list.md#issue-actions).

## Creating a chart {#sec-portfolio}

To go to the Gantt chart:

1. In the [left-hand panel](https://tracker.yandex.com), select <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" aria-hidden="true" class="yc-icon nv-composite-bar__menu-icon"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="m8.879 4-.44-.44-.767-.767a1 1 0 0 0-.708-.293H6A1.5 1.5 0 0 0 4.5 4v5A1.5 1.5 0 0 0 6 10.5h7A1.5 1.5 0 0 0 14.5 9V5.5A1.5 1.5 0 0 0 13 4H8.879ZM6 1a3 3 0 0 0-3 3 3 3 0 0 0-3 3v5a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3 3 3 0 0 0 3-3V5.5a3 3 0 0 0-3-3H9.5l-.768-.768A2.5 2.5 0 0 0 6.964 1H6ZM1.5 7A1.5 1.5 0 0 1 3 5.5V9a3 3 0 0 0 3 3h5.5a1.5 1.5 0 0 1-1.5 1.5H3A1.5 1.5 0 0 1 1.5 12V7Zm10.75 0a.75.75 0 0 0 0-1.5h-5.5a.75.75 0 0 0 0 1.5h5.5Z" clip-rule="evenodd"/></svg></svg> **Projects** or follow the [direct link](https://tracker.yandex.com/pages/projects) and open the portfolio page.

1. Select the **Gantt chart** tab.
   * The portfolio and project list is displayed to the left of the chart. To open the list of nested items, click <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M2.97 5.47a.75.75 0 0 1 1.06 0L8 9.44l3.97-3.97a.75.75 0 1 1 1.06 1.06l-4.5 4.5a.75.75 0 0 1-1.06 0l-4.5-4.5a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd"/></svg></svg> next to its name. The issues are displayed as a hierarchical list.
   * The portfolio, project, and issue timeframes are shown on the chart as bars plotted along the time axis. The left edge of each bar indicates the start date of a portfolio, project, or issue, while the right edge marks its deadline.

1. <!-- source: en/_includes/gantt-time-scale.md -->
   To change the time scale, select **Week**, **Month**, or **Quarter** in the bottom right corner of the chart. The scale settings persist after refreshing the page or opening the chart again.
   <!-- endsource: en/_includes/gantt-time-scale.md -->

## Moving a portfolio or project {#move}

You can move portfolios and projects, nest them in other portfolios and projects, and move them to higher levels.

To move some portfolios and projects relative to others, click <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" aria-hidden="true" class="yc-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><rect width="3" height="2" x="4" y="3" rx=".5"/><rect width="3" height="2" x="4" y="7" rx=".5"/><rect width="3" height="2" x="4" y="11" rx=".5"/><rect width="3" height="2" x="9" y="3" rx=".5"/><rect width="3" height="2" x="9" y="7" rx=".5"/><rect width="3" height="2" x="9" y="11" rx=".5"/></svg></svg> to the left of the portfolio or project, and drag them to a new position.

## Changing timeframes {#timing}

* If the portfolio or project timeframes are not shown on the chart (its start and end dates are not set), hover over the chart next to the portfolio or project name, position the bar along the time axis, and click the left mouse button.

* To shift the portfolio or project start and end dates by the same value, drag the bar along the time axis.

* To change the portfolio or project duration, drag the left edge of the bar (the start date) or the right edge of the bar (the end date).

## Assigning an employee in charge {#assign-responsible}

On a Gantt chart for portfolios, you can assign or change an employee in charge of a portfolio or project:

1. Click <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" aria-hidden="true" class="yc-icon nv-composite-bar__menu-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 16"><path d="M6.38 7.75a3.5 3.5 0 0 0 0-7 3.5 3.5 0 0 0 0 7Zm0-5.69c1.2 0 2.18.99 2.18 2.19 0 1.23-.98 2.19-2.19 2.19A2.16 2.16 0 0 1 4.2 4.25c0-1.2.95-2.19 2.18-2.19Zm1.36 7H4.98a4.74 4.74 0 0 0-4.73 4.76c0 .52.41.93.93.93h10.36c.52 0 .96-.41.96-.93a4.76 4.76 0 0 0-4.76-4.76Zm-6.18 4.38a3.46 3.46 0 0 1 3.42-3.06h2.76c1.78 0 3.2 1.36 3.42 3.06h-9.6ZM17.1 6.22h-1.3V4.9c0-.36-.3-.66-.66-.66-.39 0-.66.3-.66.66v1.3h-1.31c-.39 0-.66.31-.66.67 0 .38.27.65.66.65h1.3v1.31c0 .39.28.66.66.66.36 0 .66-.27.66-.66v-1.3h1.31c.36 0 .66-.28.66-.67 0-.35-.3-.65-.66-.65Z"/></svg></svg> on the portfolio or project bar.

1. Enter the name of the employee in charge of a portfolio or project.

{% note info "" %}

If you don't see the <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" aria-hidden="true" class="yc-icon nv-composite-bar__menu-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 16"><path d="M6.38 7.75a3.5 3.5 0 0 0 0-7 3.5 3.5 0 0 0 0 7Zm0-5.69c1.2 0 2.18.99 2.18 2.19 0 1.23-.98 2.19-2.19 2.19A2.16 2.16 0 0 1 4.2 4.25c0-1.2.95-2.19 2.18-2.19Zm1.36 7H4.98a4.74 4.74 0 0 0-4.73 4.76c0 .52.41.93.93.93h10.36c.52 0 .96-.41.96-.93a4.76 4.76 0 0 0-4.76-4.76Zm-6.18 4.38a3.46 3.46 0 0 1 3.42-3.06h2.76c1.78 0 3.2 1.36 3.42 3.06h-9.6ZM17.1 6.22h-1.3V4.9c0-.36-.3-.66-.66-.66-.39 0-.66.3-.66.66v1.3h-1.31c-.39 0-.66.31-.66.67 0 .38.27.65.66.65h1.3v1.31c0 .39.28.66.66.66.36 0 .66-.27.66-.66v-1.3h1.31c.36 0 .66-.28.66-.67 0-.35-.3-.65-.66-.65Z"/></svg></svg> button on the portfolio or project bar, go to <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M7.5 5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m1.405.75a3.001 3.001 0 0 1-5.81 0H1.747a.75.75 0 0 1 0-1.5h1.348a3.001 3.001 0 0 1 5.81 0h5.345a.75.75 0 0 1 0 1.5zm-7.158 4.5h5.345a3.001 3.001 0 0 1 5.811 0h1.347a.75.75 0 1 1 0 1.5h-1.347a3.001 3.001 0 0 1-5.81 0H1.746a.75.75 0 0 1 0-1.5m8.25-.75a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3" clip-rule="evenodd"/></svg></svg> **Chart settings** and select **assignee** in the **Issue bar** section.

{% endnote %}

In a similar way, you can also use the chart to appoint and change assignees for each project's tasks.

## Updating links between issues {#links}

<!-- source: en/_includes/gantt-links.md -->
The Gantt chart shows **Depends on – Blocks** issue links, provided that the **Start date** and **Deadline** fields are filled in for both issues and the **Show blocking links** option is enabled for the chart. Links appear as an arrow pointing from the dependent issue to the blocking issue.

You can edit issue links on the Gantt chart.

* To add a **Depends on – Blocks** [link](https://yandex.com.tr/support/tracker/en/user/ticket-links.md), hover over the issue bar until dots appear to the right and left of the bar.

   * To make the selected issue dependent, click the dot on the left and drag it to the blocking issue.

   * To make the selected issue blocking, click the dot on the right and drag it to the dependent issue.

   {% note info "" %}

   If the dependent issue deadline is earlier than that of the blocking issue, the arrow is red. You can enable [automatic update of start dates and deadlines](#timing) for dependent issues.

   {% endnote %}

* To delete a link between issues, click the link arrow and then click <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" aria-hidden="true" class="yc-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M304.083 388.936c4.686 4.686 4.686 12.284 0 16.971l-65.057 65.056c-54.709 54.711-143.27 54.721-197.989 0-54.713-54.713-54.719-143.27 0-197.989l65.056-65.057c4.686-4.686 12.284-4.686 16.971 0l22.627 22.627c4.686 4.686 4.686 12.284 0 16.971L81.386 311.82c-34.341 34.341-33.451 88.269.597 120.866 32.577 31.187 84.788 31.337 117.445-1.32l65.057-65.056c4.686-4.686 12.284-4.686 16.971 0l22.627 22.626zm-56.568-243.245 64.304-64.304c34.346-34.346 88.286-33.453 120.882.612 31.18 32.586 31.309 84.785-1.335 117.43l-65.056 65.057c-4.686 4.686-4.686 12.284 0 16.971l22.627 22.627c4.686 4.686 12.284 4.686 16.971 0l65.056-65.057c54.711-54.709 54.721-143.271 0-197.99-54.71-54.711-143.27-54.72-197.989 0l-65.057 65.057c-4.686 4.686-4.686 12.284 0 16.971l22.627 22.627c4.685 4.685 12.283 4.685 16.97-.001zm238.343 362.794 22.627-22.627c4.686-4.686 4.686-12.284 0-16.971L43.112 3.515c-4.686-4.686-12.284-4.686-16.971 0L3.515 26.142c-4.686 4.686-4.686 12.284 0 16.971l465.373 465.373c4.686 4.686 12.284 4.686 16.97-.001z"/></svg></svg> **Delete link**.
<!-- endsource: en/_includes/gantt-links.md -->

## Changing issue deadlines {#timing}

<!-- source: en/_includes/gantt-timing.md -->
* To set an issue's start date and deadline:
   * Fill in the **Start date** and **Deadline** fields in the issue card.
   * Drag the issue bar on the chart to fill in the **Start date** and **Deadline** fields automatically.

* To shift the start date and deadline by the same value, drag the bar along the time access.

* To change the issue duration, drag the left edge of the bar (the start date) or the right edge of the bar (deadline).
<!-- endsource: en/_includes/gantt-timing.md -->

* If no deadline is set for the parent issue, a hint (blue bar) is displayed next to it on the chart depending on the deadlines of all sub-issues. The start of the bar corresponds to the earliest start date of work on the sub-issues, and the end of the bar represents the latest deadline.

## Assigning an issue {#assigned}

<!-- source: en/_includes/gantt-assigned.md -->
On the Gantt chart, you can appoint or change the issue's assignee:

1. Click <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" aria-hidden="true" class="yc-icon nv-composite-bar__menu-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 16"><path d="M6.38 7.75a3.5 3.5 0 0 0 0-7 3.5 3.5 0 0 0 0 7Zm0-5.69c1.2 0 2.18.99 2.18 2.19 0 1.23-.98 2.19-2.19 2.19A2.16 2.16 0 0 1 4.2 4.25c0-1.2.95-2.19 2.18-2.19Zm1.36 7H4.98a4.74 4.74 0 0 0-4.73 4.76c0 .52.41.93.93.93h10.36c.52 0 .96-.41.96-.93a4.76 4.76 0 0 0-4.76-4.76Zm-6.18 4.38a3.46 3.46 0 0 1 3.42-3.06h2.76c1.78 0 3.2 1.36 3.42 3.06h-9.6ZM17.1 6.22h-1.3V4.9c0-.36-.3-.66-.66-.66-.39 0-.66.3-.66.66v1.3h-1.31c-.39 0-.66.31-.66.67 0 .38.27.65.66.65h1.3v1.31c0 .39.28.66.66.66.36 0 .66-.27.66-.66v-1.3h1.31c.36 0 .66-.28.66-.67 0-.35-.3-.65-.66-.65Z"/></svg></svg> on the issue bar.

1. Enter the name of the employee to assign the issue to.

{% note info "" %}

If you do not see the <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" aria-hidden="true" class="yc-icon nv-composite-bar__menu-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 16"><path d="M6.38 7.75a3.5 3.5 0 0 0 0-7 3.5 3.5 0 0 0 0 7Zm0-5.69c1.2 0 2.18.99 2.18 2.19 0 1.23-.98 2.19-2.19 2.19A2.16 2.16 0 0 1 4.2 4.25c0-1.2.95-2.19 2.18-2.19Zm1.36 7H4.98a4.74 4.74 0 0 0-4.73 4.76c0 .52.41.93.93.93h10.36c.52 0 .96-.41.96-.93a4.76 4.76 0 0 0-4.76-4.76Zm-6.18 4.38a3.46 3.46 0 0 1 3.42-3.06h2.76c1.78 0 3.2 1.36 3.42 3.06h-9.6ZM17.1 6.22h-1.3V4.9c0-.36-.3-.66-.66-.66-.39 0-.66.3-.66.66v1.3h-1.31c-.39 0-.66.31-.66.67 0 .38.27.65.66.65h1.3v1.31c0 .39.28.66.66.66.36 0 .66-.27.66-.66v-1.3h1.31c.36 0 .66-.28.66-.67 0-.35-.3-.65-.66-.65Z"/></svg></svg> button on the issue bar, go to <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M7.5 5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m1.405.75a3.001 3.001 0 0 1-5.81 0H1.747a.75.75 0 0 1 0-1.5h1.348a3.001 3.001 0 0 1 5.81 0h5.345a.75.75 0 0 1 0 1.5zm-7.158 4.5h5.345a3.001 3.001 0 0 1 5.811 0h1.347a.75.75 0 1 1 0 1.5h-1.347a3.001 3.001 0 0 1-5.81 0H1.746a.75.75 0 0 1 0-1.5m8.25-.75a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3" clip-rule="evenodd"/></svg></svg> **Chart settings** and select the **assignee** item in the **Issue bar** section.

{% endnote %}
<!-- endsource: en/_includes/gantt-assigned.md -->

## Chart settings {#settings}

<!-- source: en/_includes/issue-bar.md -->
Above the timeline on the right, click <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" class="g-icon" fill="currentColor" stroke="none" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M7.5 5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m1.405.75a3.001 3.001 0 0 1-5.81 0H1.747a.75.75 0 0 1 0-1.5h1.348a3.001 3.001 0 0 1 5.81 0h5.345a.75.75 0 0 1 0 1.5zm-7.158 4.5h5.345a3.001 3.001 0 0 1 5.811 0h1.347a.75.75 0 1 1 0 1.5h-1.347a3.001 3.001 0 0 1-5.81 0H1.746a.75.75 0 0 1 0-1.5m8.25-.75a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3" clip-rule="evenodd"/></svg></svg> **Chart settings** and select a setting under **Issue bar**:

* To show the issue name on the issue bar, select the **name** item.

* To show the assignee icon on the issue bar, select the **assignee** item.

* To have the missed deadline property (the difference between the deadline and the current date) highlighted in red on the chart, select **missed deadline**.
<!-- endsource: en/_includes/issue-bar.md -->

## Displaying the project and portfolio list section {#tasks-view}

* To filter the project and portfolio list, use the filter builder. On the <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" aria-hidden="true" class="yc-icon"><svg xmlns="http://www.w3.org/2000/svg"><rect width="12" height="2" x="2" y="3" fill-opacity=".85" rx="1"/><rect width="8" height="2" x="4" y="7" fill-opacity=".85" rx="1"/><rect width="4" height="2" x="6" y="11" fill-opacity=".85" rx="1"/></svg></svg> **Filters** panel, define the selection parameters and their values. The panel allows you to use filtering on portfolios or projects only.

   {% note info "" %}

   If a nested portfolio is hidden from the list after filtering, all the portfolios and projects nested in it will not be displayed either.

   {% endnote %}

* To resize a column in a section, click and hold its edge and then change the width.
