# Генератор Диапазонного Графика

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

> Каноническая страница: https://elysiatools.com/ru/tools/range-chart-generator

- **Категория:** Data Visualization

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

## Обзор

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

## Входные данные

- **Заголовок Графика** (text): Заголовок, который будет отображаться над диапазонным графиком
- **Диапазоны Данных** (textarea): Диапазоны данных как массив JSON с min, max и необязательными медианой, средним и выбросами
- **Метка Оси X** (text): Метка для оси X
- **Метка Оси Y** (text): Метка для оси Y
- **Стиль Диапазона** (select): Выберите стиль диапазона
- **Цвет Диапазона** (color): Основной цвет для визуализации диапазона
- **Цвет Медианы** (color): Цвет для маркеров медианы
- **Цвет Точки Среднего** (color): Цвет для маркеров точек среднего
- **Цвет Выбросов** (color): Цвет для точек выбросов
- **Цвет Линии** (color): Цвет для линий диапазона (когда применимо)
- **Ширина Линии** (number): Ширина линий диапазона в пикселях
- **Размер Точки Данных** (number): Размер точек данных мин/макс в пикселях
- **Размер Точки Выброса** (number): Размер точек выбросов в пикселях
- **Прозрачность Диапазона** (number): Уровень прозрачности для заливки диапазона (0.0-1.0)
- **Показать Медиану** (checkbox): Отображать маркеры медианы на диапазонах
- **Показать Среднее** (checkbox): Отображать маркеры точек среднего
- **Показать Выбросы** (checkbox): Отображать точки данных выбросов
- **Показать Точки Мин/Макс** (checkbox): Отображать минимальные и максимальные точки данных
- **Показать Сетку** (checkbox): Отображать линии фоновой сетки
- **Цвет Сетки** (color): Цвет линий сетки
- **Цвет Фона** (color): Цвет фона графика
- **Ширина Графика** (number): Ширина графика в пикселях
- **Высота Графика** (number): Высота графика в пикселях
- **Формат Значения** (select): Выберите формат
- **Размер Шрифта** (number): Размер шрифта для меток и текста
- **Размер Шрифта Заголовка** (number): Размер шрифта для заголовка графика
- **Семейство Шрифтов** (text): Семейство шрифтов для текстовых элементов
- **Включить Анимацию** (checkbox): Анимировать график при загрузке
- **Длительность Анимации** (number): Длительность анимации в миллисекундах

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

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

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

- Введите данные в формате JSON, указав для каждой категории метку, минимальное и максимальное значения, а также опционально медиану, среднее и выбросы.
- Настройте внешний вид графика: выберите стиль диапазона (линия, столбец или область), цвета, размеры точек и другие параметры через доступные опции.
- Установите метки осей, заголовок и формат значений для улучшения читаемости и соответствия вашим требованиям.
- Сгенерируйте график в формате HTML, который можно встроить в веб-страницы, отчеты или презентации.

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

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

## Частые вопросы

### Какой формат данных требуется для создания графика?

Данные должны быть в формате JSON массива объектов с обязательными ключами label, min и max, и опциональными median, mean, outliers.

### Можно ли настроить цвета элементов графика?

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

### Какие стили диапазонов поддерживаются?

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

### Как скрыть или показать выбросы на графике?

Используйте параметр 'Показать Выбросы', чтобы включить или отключить отображение точек выбросов на графике.

### Каковы ограничения по размеру графика?

Ширина графика может варьироваться от 400 до 1200 пикселей, а высота — от 300 до 800 пикселей, что позволяет адаптировать его под разные нужды.

## Связанные инструменты

- [Экстрактор токенов темы ECharts](https://elysiatools.com/ru/tools/echarts-theme-token-extractor): Извлекает дизайн-токены — цвета, числа, размеры шрифтов и строки — из JSON темы ECharts и экспортирует их прямо в вашу дизайн-систему. Вставьте объект темы (тот, что регистрируется и передаётся в echarts.init(dom, themeName)) — инструмент обойдёт каждый лист, пометит каждый цвет (с опциональной нормализацией имя/rgb → hex), числовой отступ, размер шрифта и строку, затем выдаст чистые CSS-переменные, конфиг theme.extend для Tailwind, tokens.json Style Dictionary или SCSS-переменные. Мост между темой визуализации ECharts и дизайн-токенами Figma/CSS/Tailwind без копирования каждого значения вручную.
- [Генератор Кольцевой Диаграммы](https://elysiatools.com/ru/tools/donut-chart-generator): Генерировать настраиваемые кольцевые диаграммы из данных с различными опциями стилизации, идеально подходит для отображения пропорций с центральным пространством
- [Генератор Воронкообразной Диаграммы](https://elysiatools.com/ru/tools/funnel-chart-generator): Генерировать настраиваемые воронкообразные диаграммы из данных, идеально подходит для отображения коэффициентов конверсии, воронок продаж и потоков процессов
- [OpenAPI в Postman Collection](https://elysiatools.com/ru/tools/openapi-to-postman-collection): Превращает спецификацию OpenAPI 3.x или Swagger 2.0 (JSON/YAML) в импортируемую Postman Collection v2.1.0 с папками, переменными, auth и примерами ответов.
- [Генератор Пиктограмм](https://elysiatools.com/ru/tools/pictograph-generator): Создавайте пиктограммы с использованием иконок/символов для представления количеств с настраиваемыми иконками, цветами и компоновкой
- [Генератор Радарных Диаграмм](https://elysiatools.com/ru/tools/radar-chart-generator): Генерировать настраиваемые радарные диаграммы из данных, идеально подходит для многомерного сравнения и анализа
- [Генератор Водопадного Графика](https://elysiatools.com/ru/tools/waterfall-chart-generator): Создание водопадных графиков для визуализации накопительных изменений с различением положительных/отрицательных значений и отображением промежуточных итогов
- [Палитра из изображения в design-токены](https://elysiatools.com/ru/tools/image-to-design-tokens): Извлекает доминирующие цвета из изображения методом k-средних и экспортирует их как CSS-переменные / SCSS / конфиг Tailwind / JSON-токены с именами и шкалой оттенков

## Примеры

- [Примеры QR-кодов](https://elysiatools.com/ru/samples/qrcode-samples): Примерные изображения QR-кодов для тестирования инструментов чтения и генерации QR-кодов
- [Примеры Распределенного Трейсинга](https://elysiatools.com/ru/samples/distributed-tracing-samples): Комплексные примеры распределенного трейсинга с использованием Jaeger, OpenTelemetry и современных инструментов
- [Примеры Анализа Логов ELK Stack](https://elysiatools.com/ru/samples/elk-stack-samples): Комплексные примеры ELK Stack для агрегации, обработки и визуализации логов в распределенных системах
- [Примеры Расширенного Применения Grafana](https://elysiatools.com/ru/samples/grafana-samples): Комплексные примеры Grafana, охватывающие продвинутый дизайн дашбордов, конфигурацию оповещений, интеграцию источников данных и разработку плагинов