В каком формате нужно вводить данные?

Данные вводятся в виде массива JSON, где каждый объект описывает задачу с полями name, startDate, endDate, progress и dependencies.

Можно ли отобразить зависимости между задачами?

Да, инструмент поддерживает визуализацию зависимостей — просто укажите идентификаторы предыдущих задач в массиве dependencies.

Как отметить важные этапы проекта?

Используйте параметр isMilestone: true в описании задачи, чтобы выделить её как веху на диаграмме.

Можно ли настроить цвета диаграммы?

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

Какие форматы даты поддерживаются?

Вы можете выбрать YYYY-MM-DD, MM/DD/YYYY, DD/MM/YYYY или использовать локальный формат даты.

Elysia Tools

Навигация

Data Visualization

Генератор Диаграммы Ганта

Создание профессиональных диаграмм Ганта с линиями времени задач, зависимостями, отслеживанием прогресса и маркерами вех

Запуск

Запустить этот инструмент

Заполните форму, запустите инструмент и посмотрите результат на этой же странице.

Ввод

Параметры сгруппированы, чтобы длинные формы было проще просматривать.

26 параметров

СодержимоеВставьте или введите основные значения.4

Заголовок ДиаграммыtextНеобязательноЗаголовок, который будет отображаться над диаграммой ГантаЗадачиtextareaОбязательноЗадачи как массив JSON с именем, датой начала, датой окончания, прогрессом, зависимостями и опциональными вехами и исполнителямиТекущая ДатаtextНеобязательноДата для отметки как "сегодня" на диаграммеСемейство ШрифтовtextНеобязательноСемейство шрифтов для текстовых элементов

НастройкиНастройте форматы, диапазоны, числа и режимы.15

Единица ВремениselectНеобязательноФормат ДатыselectНеобязательноВысота СтолбцаnumberНеобязательноВысота столбцов задач в пикселяхЦвет Столбца ЗадачиcolorНеобязательноЦвет фона для столбцов задачЦвет ЗавершенияcolorНеобязательноЦвет для завершенной части столбцов задачЦвет ВехиcolorНеобязательноЦвет для маркеров веховЦвет ЗависимостиcolorНеобязательноЦвет для линий зависимостейЦвет Линии СегодняcolorНеобязательноЦвет для индикаторной линии сегодняЦвет СеткиcolorНеобязательноЦвет для линий сеткиЦвет ФонаcolorНеобязательноЦвет фона диаграммыШирина ДиаграммыnumberНеобязательноШирина диаграммы в пикселяхВысота ДиаграммыnumberНеобязательноВысота диаграммы в пикселяхРазмер ШрифтаnumberНеобязательноРазмер шрифта для меток и текстаРазмер Шрифта ЗаголовкаnumberНеобязательноРазмер шрифта для заголовка диаграммыДлительность АнимацииnumberНеобязательноДлительность анимации в миллисекундах

ПереключателиВключайте или отключайте дополнительные режимы.7

Показать СеткуcheckboxНеобязательноВключено, если отмеченоПоказать линии фоновой сеткиПоказать ЗависимостиcheckboxНеобязательноВключено, если отмеченоПоказать стрелки зависимостей между задачамиПоказать ВехиcheckboxНеобязательноВключено, если отмеченоПоказать маркеры веховshow ProgresscheckboxНеобязательноВключено, если отмеченоПоказать полосы прогресса на задачахПоказать МеткиcheckboxНеобязательноВключено, если отмеченоПоказать имена задач и информациюПоказать Линию СегодняcheckboxНеобязательноВключено, если отмеченоПоказать линию, указывающую текущую датуВключить АнимациюcheckboxНеобязательноВключено, если отмеченоАнимировать диаграмму при загрузке

Результат

Готово к запуску

После запуска здесь появятся файлы, текст, структурированные данные или потоковый вывод.

Примеры

Примеры для этого инструмента

Связано

Продолжить с похожими инструментами и темами

[{"name": "Design", "startDate": "2024-01-01", "endDate": "2024-01-15", "progress": 100}, {"name": "Dev", "startDate": "2024-01-16", "endDate": "2024-02-28", "progress": 50, "dependencies": ["task-0"]}]

Генератор Диаграммы Ганта

Запустить этот инструмент

Ввод

Результат

Примеры для этого инструмента

Продолжить с похожими инструментами и темами

Ввод

Результат

Узнайте, когда использовать этот инструмент, что он поддерживает и как его применяют пользователи.

Ключевые факты

Обзор

Когда использовать

Как это работает

Сценарии использования

Примеры

1. Планирование этапов разработки

FAQ

Примеры QR-кодов

Примеры JavaScript Toolchain Rome

Примеры Распределенного Трейсинга

Примеры Анализа Логов ELK Stack

Генератор Сравнительного Столбчатого Графика

Генератор Кольцевой Диаграммы

Генератор Воронкообразной Диаграммы

Генератор Графиков Вех

Генераторы диаграмм и графиков

Генераторы JSON-схем, mock-данных и API-fixture

Генераторы типизированного кода из JSON (TypeScript, Go, Rust, Kotlin, Java, C#)

Инструменты JSON-обмена и перевода форматов