Что означают цвета баров

Цвета баров на диаграмме Ганта в Гантика несут важную информацию о типе задачи, её состоянии и принадлежности к критическому пути. Умение читать цветовую кодировку позволяет мгновенно оценивать состояние проекта, не открывая детали каждой задачи. В этой статье подробно разберём все цвета, их значение и возможности кастомизации.

Цвета баров по типу задачи

Каждый тип задачи имеет свой цвет бара по умолчанию. Эти цвета помогают визуально различать элементы разного типа на диаграмме Ганта.

Синий — обычные задачи (#2d6ef0)

Синий — основной цвет диаграммы Ганта в Гантика. Все новые задачи по умолчанию отображаются синим горизонтальным баром. Длина бара соответствует длительности задачи: чем дольше задача, тем длиннее бар на временной шкале.

Внутри синего бара может отображаться полоса прогресса — более тёмная часть, показывающая процент завершения задачи. Если задача выполнена на 60%, тёмная полоса займёт 60% длины бара слева направо.

Справа от бара может отображаться название задачи и аватар назначенного исполнителя, что упрощает идентификацию задач на диаграмме.

Серый — эпики (#475569)

Серые бары обозначают группирующие задачи — эпики (Summary tasks). Они отличаются от обычных задач характерной формой с «усиками» или «скобками» на обоих концах. Серый бар всегда охватывает весь временной диапазон своих дочерних задач: от самой ранней даты начала до самой поздней даты окончания.

Прогресс эпика рассчитывается автоматически как среднее от прогресса дочерних задач и также отображается тёмной полосой внутри бара. Серый бар эпика нельзя перетаскивать для изменения дат — его положение полностью определяется дочерними элементами.

Оранжевый — вехи (#d97706)

Оранжевый ромб (◆) обозначает веху — контрольную точку проекта с нулевой длительностью. Вехи размещаются на конкретной дате и визуально выделяются на фоне горизонтальных баров задач.

Оранжевый цвет привлекает внимание к ключевым моментам проекта: сдаче этапов, релизам, дедлайнам и точкам принятия решений. Благодаря ромбовидной форме вехи легко найти на диаграмме даже в больших проектах с сотнями задач.

Фиолетовый — гамаки (#7c3aed)

Фиолетовый бар обозначает задачу-гамак (Hammock task). Гамак — это особый тип задачи, длительность которой автоматически рассчитывается как промежуток между окончанием одной задачи-предшественника и началом другой задачи-последователя.

Гамаки полезны для моделирования периодов ожидания, буферных зон или работ, которые должны заполнить доступное время между фиксированными точками расписания. Фиолетовый цвет помогает сразу отличить гамак от обычной задачи.

Красный — критический путь (#dc2626)

Красный цвет — самый важный визуальный индикатор на диаграмме Ганта. Он обозначает задачи, лежащие на критическом пути проекта. Критический путь — это самая длинная последовательность зависимых задач, определяющая минимальную длительность всего проекта.

Отображение критического пути можно включить или выключить через настройки представления диаграммы Ганта. Когда режим включён, задачи на критическом пути перекрашиваются из своего стандартного цвета в красный. Задачи, не лежащие на критическом пути, сохраняют свои обычные цвета.

Визуализация прогресса

Прогресс выполнения задачи отображается внутри бара в виде заполненной полосы более тёмного оттенка:

• 0% (Не начато): бар отображается однородным цветом без полосы прогресса.
• 1–99% (В работе): внутри бара появляется тёмная полоса, длина которой пропорциональна проценту завершения. Например, при 40% полоса занимает 40% ширины бара.
• 100% (Завершено): бар полностью заполнен тёмной полосой, визуально сигнализируя о полном завершении задачи.

Полоса прогресса работает для всех типов баров: синих (задачи), серых (эпики) и фиолетовых (гамаки). Для вех (оранжевый ромб) прогресс не отображается визуально — веха может быть только «не достигнута» (0%) или «достигнута» (100%).

Пользовательские цвета

Гантика позволяет задать произвольный цвет для любой задачи, переопределив стандартную цветовую схему. Это удобно для визуального выделения задач по категориям, отделам или любому другому признаку.

1. Выделите задачу и откройте панель деталей (клик по задаче).
2. Найдите поле «Цвет»: в разделе параметров задачи доступен инструмент выбора цвета.
3. Выберите цвет: используйте палитру предустановленных цветов или введите HEX-код вручную для точного совпадения с корпоративными цветами.
4. Подтвердите выбор: бар задачи на диаграмме Ганта мгновенно перекрасится в выбранный цвет.

Пользовательский цвет имеет приоритет над стандартным цветом типа задачи. Однако при включённом отображении критического пути задачи на критическом пути будут показаны красным цветом, независимо от установленного пользовательского цвета.

Цвета стрелок зависимостей

Стрелки зависимостей между задачами также имеют цветовую кодировку:

Когда отображение критического пути включено, стрелки зависимостей на критическом пути также окрашиваются в красный цвет. Это формирует непрерывную красную визуальную линию от начала до конца проекта, позволяя мгновенно проследить критическую цепочку задач.

Практические рекомендации

• Включайте критический путь при анализе: красные бары мгновенно покажут, какие задачи определяют длительность проекта и требуют особого контроля.
• Ограничивайте количество кастомных цветов: 3–5 категорий достаточно для большинства проектов. Слишком много цветов создают визуальный шум и затрудняют восприятие.
• Документируйте цветовую схему: если вы используете кастомные цвета, убедитесь, что все участники команды знают, что означает каждый цвет.
• Обращайте внимание на прогресс: полоса прогресса внутри бара — быстрый способ оценить, какие задачи отстают от плана, не открывая детали.
• Используйте стандартные цвета для общения: при демонстрации диаграммы заказчику или руководству стандартные цвета понятны без дополнительных объяснений.