Категории

← View All Tools

Генератор Сгруппированных Столбчатых Диаграмм

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

Данные с несколькими сериями с массивами категорий и серий. Каждая серия должна иметь такое же количество точек данных, как и категории.

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

Цвета для разных серий (шестнадцатеричные цвета через запятую). Оставьте пустым для цветов по умолчанию.

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

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

Ширина отдельных столбцов в пикселях (автоматически регулируется, если слишком большая)

Расстояние между различными группами в пикселях

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

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

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

Подпись для оси X

Подпись для оси Y

Показать линии сетки для лучшей читаемости

Показать фактические значения на или около столбцов

Показать легенду под диаграммой

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

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

Обзор

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

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

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

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

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

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

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

Примеры

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

Аналитик данных
Контекст
Необходимо представить отчет о продажах трех продуктов за три квартала.
Проблема
Сложно сравнивать динамику продаж разных продуктов в табличном виде.
Как использовать
Вставить JSON-данные с категориями Q1-Q3 и тремя сериями продуктов, настроить цвета для каждой серии.
Пример конфигурации
{"categories": ["Q1", "Q2", "Q3"], "series": [{"name": "Продукт A", "data": [100, 150, 120]}, {"name": "Продукт B", "data": [80, 110, 140]}, {"name": "Продукт C", "data": [60, 90, 110]}]}
Результат
Получена четкая сгруппированная диаграмма, наглядно показывающая лидерство продуктов в каждом квартале.

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

data-visualization
Примеры Chart.js Library
Комплексные примеры Chart.js, включая типы графиков, параметры настройки, анимации и адаптивный дизайн
title token chart
sample
Примеры Helm Chart
Полные примеры Helm charts с шаблонами, значениями, зависимостями и конфигурациями управления пакетами
title token chart
sample
Примеры Расширенного Применения Grafana
Комплексные примеры Grafana, охватывающие продвинутый дизайн дашбордов, конфигурацию оповещений, интеграцию источников данных и разработку плагинов
keywords data,visualization
sample
Примеры Анализа Логов ELK Stack
Комплексные примеры ELK Stack для агрегации, обработки и визуализации логов в распределенных системах
keywords analysis,visualization
sample

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

Инструменты Json для Generate
Изучите 33 инструментов json для сценариев generate и быстро сравните близкие утилиты.
Инструменты Design для Generate
Изучите 19 инструментов design для сценариев generate и быстро сравните близкие утилиты.
Инструменты Pdf для Generate
Изучите 10 инструментов pdf для сценариев generate и быстро сравните близкие утилиты.
Инструменты Audio для Generate
Изучите 8 инструментов audio для сценариев generate и быстро сравните близкие утилиты.

FAQ

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

Данные вводятся в формате JSON, где указываются категории (ось X) и массив серий с именами и наборами числовых значений.

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

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

Как настроить цвета для разных серий?

Используйте поле 'Цвета Столбцов', указав шестнадцатеричные коды цветов через запятую.

Можно ли скрыть значения над столбцами?

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

Как задать фиксированный масштаб осей?

Используйте поля 'Максимальное значение' и 'Минимальное значение', чтобы вручную ограничить диапазон оси Y.

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

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

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

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

Имя параметра Тип Обязательно Описание
chartData textarea Да Данные с несколькими сериями с массивами категорий и серий. Каждая серия должна иметь такое же количество точек данных, как и категории.
chartTitle text Нет Заголовок, который будет отображаться над диаграммой
chartType select Нет -
barColors text Нет Цвета для разных серий (шестнадцатеричные цвета через запятую). Оставьте пустым для цветов по умолчанию.
backgroundColor color Нет Цвет фона для контейнера диаграммы
gridColor color Нет Цвет для линий сетки
barWidth number Нет Ширина отдельных столбцов в пикселях (автоматически регулируется, если слишком большая)
groupSpacing number Нет Расстояние между различными группами в пикселях
chartHeight number Нет Высота диаграммы в пикселях
maxValue number Нет Максимальное значение для оси (оставьте пустым для автоматического масштабирования)
minValue number Нет Минимальное значение для оси (оставьте пустым для автоматического обнаружения)
xAxisLabel text Нет Подпись для оси X
yAxisLabel text Нет Подпись для оси Y
showGrid checkbox Нет Показать линии сетки для лучшей читаемости
showValues checkbox Нет Показать фактические значения на или около столбцов
valuePosition select Нет -
showLegend checkbox Нет Показать легенду под диаграммой

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

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

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

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

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