Категории

← View All Tools

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

Диаграмма, отображающая мин-макс интервалы и временные периоды, упрощенная версия диаграммы Ганта

Данные диаграммы интервалов в формате JSON. Поддерживает интервалы дат (startDate/endDate) или числовые интервалы (minValue/maxValue)

Основной заголовок диаграммы интервалов

Отображать ли метки элементов

Отображать ли начальные/конечные значения

Отображать ли линии фоновой сетки

Высота/толщина столбцов интервала в пикселях

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

Высота области диаграммы в пикселях (для вертикальной ориентации)

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

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

Обзор

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

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

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

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

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

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

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

Примеры

1. График этапов проекта

Контекст
Менеджеру нужно визуализировать сроки выполнения двух фаз проекта для презентации.
Проблема
Необходимо быстро создать наглядную временную шкалу без использования тяжелых инструментов.
Как использовать
Вставьте JSON-данные с датами начала и окончания фаз в поле ввода и выберите горизонтальную ориентацию.
Пример конфигурации
[{"label": "Фаза 1", "startDate": "2024-01-01", "endDate": "2024-02-15", "color": "#4CAF50"}, {"label": "Фаза 2", "startDate": "2024-02-10", "endDate": "2024-04-01", "color": "#2196F3"}]
Результат
Готовая горизонтальная диаграмма, наглядно показывающая пересечение и длительность этапов проекта.

2. Сравнение ценовых диапазонов

Контекст
Аналитик сравнивает ценовые вилки двух категорий товаров.
Проблема
Нужно показать разброс цен от минимума до максимума для каждой категории.
Как использовать
Используйте числовой формат данных (minValue/maxValue) и выберите вертикальную ориентацию для удобства сравнения.
Пример конфигурации
[{"label": "Товар А", "minValue": 50, "maxValue": 120, "color": "#FF9800"}, {"label": "Товар Б", "minValue": 80, "maxValue": 180, "color": "#4CAF50"}]
Результат
Вертикальная диаграмма, четко демонстрирующая разницу в ценовых интервалах между товарами.

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

json
PDF Примеры
PDF примеры, созданные инструментами 2026-02-01..2026-02-10
preferred input family json
json
Примеры QR-кодов
Примерные изображения QR-кодов для тестирования инструментов чтения и генерации QR-кодов
preferred input family json
json
Примеры JWT
Полные примеры JWT от базовой структуры токенов до продвинутых реализаций безопасности
preferred input family json
json
Примеры Коммуникации WebRTC в Реальном Времени
Комплексные примеры WebRTC для P2P аудио/видео коммуникации, каналов данных, обмена экраном и сервера сигнализации
preferred input family json
json

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

Инструменты Json для Generate
Изучите 33 инструментов json для сценариев generate и быстро сравните близкие утилиты.
Инструменты Json для Convert
Изучите 100 инструментов json для сценариев convert и быстро сравните близкие утилиты.
Инструменты Json
Изучите 43 инструментов json для сценариев utility и быстро сравните близкие утилиты.
Инструменты Json для Format
Изучите 6 инструментов json для сценариев format и быстро сравните близкие утилиты.

FAQ

Какие форматы данных поддерживает инструмент?

Инструмент поддерживает JSON-структуры с полями для дат (startDate/endDate) или числовых значений (minValue/maxValue).

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

Да, вы можете выбрать горизонтальную или вертикальную ориентацию в настройках инструмента.

Нужно ли устанавливать дополнительное ПО?

Нет, инструмент работает полностью в браузере и не требует установки сторонних программ.

Можно ли настроить внешний вид графика?

Да, вы можете выбирать цветовую схему, настраивать высоту столбцов, отображение меток, значений и сетки.

Подходит ли этот инструмент для профессиональных диаграмм Ганта?

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

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

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

POST /ru/api/tools/range-bar-chart

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

Имя параметра Тип Обязательно Описание
rangeData textarea Да Данные диаграммы интервалов в формате JSON. Поддерживает интервалы дат (startDate/endDate) или числовые интервалы (minValue/maxValue)
chartTitle text Нет Основной заголовок диаграммы интервалов
orientation select Нет -
showLabels checkbox Нет Отображать ли метки элементов
showValues checkbox Нет Отображать ли начальные/конечные значения
showGrid checkbox Нет Отображать ли линии фоновой сетки
colorScheme select Нет -
barHeight text Нет Высота/толщина столбцов интервала в пикселях
animationDuration text Нет Длительность анимации в миллисекундах
chartHeight text Нет Высота области диаграммы в пикселях (для вертикальной ориентации)

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

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

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

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

{
  "mcpServers": {
    "elysiatools-range-bar-chart": {
      "name": "range-bar-chart",
      "description": "Диаграмма, отображающая мин-макс интервалы и временные периоды, упрощенная версия диаграммы Ганта",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=range-bar-chart",
      "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]