Категории

← View All Tools

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

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

Данные для сравнительного графика. Поддерживает массив JSON или простой формат текста метка|левоеЗначение|правоеЗначение

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

Цвет для левых столбцов (цвет правых столбцов из цветовой схемы)

Метка для левой стороны графика

Метка для правой стороны графика

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

Максимальная ширина столбцов в пикселях

Максимальное значение для шкалы графика (оставьте пустым для авто)

Минимальное значение для шкалы графика

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

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

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

Отображать линии сетки для лучшей читаемости

Отображать значения на столбцах

Отображать легенду под графиком

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

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

Обзор

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

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

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

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

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

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

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

Примеры

1. Сравнение продаж продуктов

Маркетолог
Контекст
Маркетолог анализирует продажи двух продуктов за последние три месяца для оценки эффективности рекламных кампаний.
Проблема
Нужно быстро создать наглядное сравнение продаж, чтобы представить результаты на совещании.
Как использовать
Ввести данные в поле 'Данные Графика' в формате JSON: [{"label": "Месяц 1", "leftValue": 5000, "rightValue": 7000}, ...], настроить заголовок и цветовую схему.
Пример конфигурации
[{"label": "Январь", "leftValue": 5000, "rightValue": 7000}, {"label": "Февраль", "leftValue": 6000, "rightValue": 6500}, {"label": "Март", "leftValue": 7500, "rightValue": 8000}]
Результат
Генерируется интерактивный столбчатый график, который показывает динамику продаж и помогает в принятии маркетинговых решений.

2. Анализ демографической пирамиды

Демограф
Контекст
Демограф изучает возрастное распределение населения двух стран для сравнительного анализа.
Проблема
Требуется создать пирамидальный график для визуализации различий в демографических структурах.
Как использовать
Использовать текстовый формат для ввода данных: возрастная группа|население страны A|население страны B, например, '0-14|1000000|1200000'.
Результат
Получается наглядный график спина к спине, который используется в исследовательских отчетах и презентациях.

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

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

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

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

FAQ

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

Поддерживается JSON массив или простой текстовый формат с разделителями '|', где каждая строка представляет метку и два значения.

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

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

Как изменить размер графика?

Высота графика настраивается от 300 до 800 пикселей, а ширина столбцов от 10 до 60 пикселей.

Поддерживает ли график анимацию?

Да, можно настроить длительность анимации столбцов от 0 до 3000 миллисекунд.

Можно ли скрыть элементы графика, такие как легенда или значения?

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

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

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

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

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

Имя параметра Тип Обязательно Описание
chartData textarea Да Данные для сравнительного графика. Поддерживает массив JSON или простой формат текста метка|левоеЗначение|правоеЗначение
chartTitle text Нет Заголовок, который будет отображаться над графиком
colorScheme select Нет -
barColor color Нет Цвет для левых столбцов (цвет правых столбцов из цветовой схемы)
leftLabel text Нет Метка для левой стороны графика
rightLabel text Нет Метка для правой стороны графика
chartHeight number Нет Высота графика в пикселях
barWidth number Нет Максимальная ширина столбцов в пикселях
maxValue number Нет Максимальное значение для шкалы графика (оставьте пустым для авто)
minValue number Нет Минимальное значение для шкалы графика
animationDuration number Нет Длительность анимации столбцов в миллисекундах
backgroundColor color Нет Цвет фона для контейнера графика
gridColor color Нет Цвет для линий сетки
showGrid checkbox Нет Отображать линии сетки для лучшей читаемости
showValues checkbox Нет Отображать значения на столбцах
showLegend checkbox Нет Отображать легенду под графиком

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

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

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

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

{
  "mcpServers": {
    "elysiatools-comparison-bar-chart": {
      "name": "comparison-bar-chart",
      "description": "Генерировать спина к спине столбчатые графики для сравнения положительных и отрицательных значений, идеально для контрастирования наборов данных",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=comparison-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]