Категории

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

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

Задачи как массив JSON с именем, датой начала, датой окончания, прогрессом, зависимостями и опциональными вехами и исполнителями

Заголовок, который будет отображаться над диаграммой Ганта

Дата для отметки как "сегодня" на диаграмме

Высота столбцов задач в пикселях

Цвет фона для столбцов задач

Цвет для завершенной части столбцов задач

Цвет для маркеров вехов

Цвет для линий зависимостей

Цвет для индикаторной линии сегодня

Цвет для линий сетки

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

Ширина диаграммы в пикселях

Высота диаграммы в пикселях

Размер шрифта для меток и текста

Размер шрифта для заголовка диаграммы

Семейство шрифтов для текстовых элементов

Показать линии фоновой сетки

Показать стрелки зависимостей между задачами

Показать маркеры вехов

Показать полосы прогресса на задачах

Показать имена задач и информацию

Показать линию, указывающую текущую дату

Анимировать диаграмму при загрузке

Длительность анимации в миллисекундах

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

Категория
Data Visualization
Типы входных данных
text, textarea, select, number, color, checkbox
Тип результата
html
Покрытие примерами
4
API доступен
Yes

Обзор

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

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

  • Для планирования сложных проектов с множеством взаимосвязанных задач.
  • Для наглядного отслеживания прогресса выполнения работ в команде.
  • Для демонстрации этапов проекта и ключевых контрольных точек (вех) стейкхолдерам.

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

  • Введите список задач в формате JSON, указав даты начала и окончания, процент выполнения и зависимости.
  • Настройте визуальные параметры: цвета столбцов, высоту элементов, единицы времени и отображение сетки.
  • Нажмите кнопку генерации, чтобы получить готовую интерактивную диаграмму Ганта в формате HTML.

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

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

Примеры

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

Менеджер проекта
Контекст
Команде нужно визуализировать план разработки продукта на 3 месяца с учетом последовательных этапов.
Проблема
Сложно отследить, как задержка в дизайне влияет на сроки тестирования.
Как использовать
Вставьте JSON-список задач с указанием зависимостей (например, 'Development' зависит от 'Design Phase').
Пример конфигурации
[{"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"]}]
Результат
Готовая диаграмма с наглядными связями между задачами и индикацией прогресса.

Проверить на примерах

json, text

Связанные хабы

FAQ

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

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

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

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

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

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

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

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

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

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

Документация API

Конечная точка запроса

POST /ru/api/tools/gantt-chart-generator

Параметры запроса

Имя параметра Тип Обязательно Описание
chartTitle text Нет Заголовок, который будет отображаться над диаграммой Ганта
tasks textarea Да Задачи как массив JSON с именем, датой начала, датой окончания, прогрессом, зависимостями и опциональными вехами и исполнителями
timeUnit select Нет -
dateFormat select Нет -
currentDate text Нет Дата для отметки как "сегодня" на диаграмме
barHeight number Нет Высота столбцов задач в пикселях
taskColor color Нет Цвет фона для столбцов задач
completedColor color Нет Цвет для завершенной части столбцов задач
milestoneColor color Нет Цвет для маркеров вехов
dependencyColor color Нет Цвет для линий зависимостей
todayLineColor color Нет Цвет для индикаторной линии сегодня
gridColor color Нет Цвет для линий сетки
backgroundColor color Нет Цвет фона диаграммы
chartWidth number Нет Ширина диаграммы в пикселях
chartHeight number Нет Высота диаграммы в пикселях
fontSize number Нет Размер шрифта для меток и текста
titleSize number Нет Размер шрифта для заголовка диаграммы
fontFamily text Нет Семейство шрифтов для текстовых элементов
showGrid checkbox Нет Показать линии фоновой сетки
showDependencies checkbox Нет Показать стрелки зависимостей между задачами
showMilestones checkbox Нет Показать маркеры вехов
showProgress checkbox Нет Показать полосы прогресса на задачах
showLabels checkbox Нет Показать имена задач и информацию
todayLine checkbox Нет Показать линию, указывающую текущую дату
animationEnabled checkbox Нет Анимировать диаграмму при загрузке
animationDuration number Нет Длительность анимации в миллисекундах

Формат ответа

{
  "result": "
Processed HTML content
", "error": "Error message (optional)", "message": "Notification message (optional)", "metadata": { "key": "value" } }
HTML: HTML

Документация MCP

Добавьте этот инструмент к конфигурации сервера MCP:

{
  "mcpServers": {
    "elysiatools-gantt-chart-generator": {
      "name": "gantt-chart-generator",
      "description": "Создание профессиональных диаграмм Ганта с линиями времени задач, зависимостями, отслеживанием прогресса и маркерами вех",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=gantt-chart-generator",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

Вы можете объединять несколько инструментов, например: `https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`, максимум 20 инструментов.

Если вы столкнулись с проблемами, пожалуйста, свяжитесь с нами по адресу [email protected]