# Генератор Столбчатой Диаграммы с Накоплением Генерировать интерактивные столбчатые диаграммы с накоплением для визуализации состава категориальных данных, идеально подходит для сравнения нескольких рядов данных между категориями > Каноническая страница: https://elysiatools.com/ru/tools/stacked-bar-chart - **Категория:** Data Visualization - **Ключевые слова:** столбчатая диаграмма с накоплением, сравнительная диаграмма, состав данных, категориальные данные, множественные ряды, процентная диаграмма, визуализация данных ## Обзор Генератор столбчатых диаграмм с накоплением позволяет создавать интерактивные визуализации для анализа состава категориальных данных. Инструмент идеально подходит для сравнения нескольких рядов данных, таких как продажи по продуктам или расходы по категориям, с настройкой цветов, форматов и анимации. ## Входные данные - **Данные Диаграммы** (textarea): Данные для столбчатой диаграммы с накоплением в формате JSON с полями категория, ряд и значение - **Заголовок Диаграммы** (text): Заголовок, который будет отображаться над диаграммой - **Цветовая Схема** (select): Выберите цветовую схему - **Пользовательские Цвета** (textarea): Массив JSON шестнадцатеричных цветов (требует выбора пользовательских цветов) - **Формат Значения** (select): Выберите формат значения - **Высота Диаграммы** (number): Высота диаграммы в пикселях (мин: 300, макс: 800) - **Расстояние Между Столбцами** (number): Расстояние между столбцами (0.1 - 0.5) - **Цвет Фона** (color): Цвет фона для контейнера диаграммы - **Показать Значения на Столбцах** (checkbox): Отображать значения или проценты на столбцах - **Показать Легенду** (checkbox): Отображать цветовую легенду для рядов - **Показать Линии Сетки** (checkbox): Отображать горизонтальные линии сетки - **Показать Анимацию** (checkbox): Анимировать столбцы при загрузке диаграммы - **Показать Проценты** (checkbox): Показывать проценты вместо значений на столбцах - **Включить Всплывающие Подсказки** (checkbox): Показывать подробную информацию при наведении ## Когда использовать - Когда нужно визуализировать части целого для разных категорий, например, долю продуктов в общих продажах. - При сравнении нескольких рядов данных между категориями, как в анализе квартальных показателей. - Для создания наглядных отчетов с процентным соотношением или абсолютными значениями в презентациях. ## Как это работает - Введите данные в формате JSON, указав поля category, series и value для каждой записи. - Настройте параметры диаграммы: заголовок, цветовую схему, формат значений и отображение элементов. - Сгенерируйте интерактивную HTML-диаграмму с возможностью наведения для подробной информации. ## Сценарии использования - Анализ продаж по регионам и продуктам для выявления наиболее прибыльных категорий. - Визуализация бюджета компании по отделам и типам расходов в финансовом отчете. - Сравнение результатов маркетинговых кампаний по каналам привлечения клиентов. ## Частые вопросы ### Какой формат данных требуется для диаграммы? Данные должны быть в формате JSON с обязательными полями: category (категория), series (ряд) и value (значение). ### Можно ли изменить цвета столбцов? Да, выберите одну из предустановленных цветовых схем или укажите пользовательские цвета в формате HEX. ### Как отобразить проценты вместо числовых значений? Включите опцию 'Показать проценты' в настройках, чтобы значения на столбцах отображались в процентах. ### Какова максимальная высота диаграммы? Высота диаграммы может быть установлена от 300 до 800 пикселей в настройках. ### Поддерживает ли диаграмма анимацию при загрузке? Да, можно включить анимацию столбцов с помощью опции 'Показать анимацию' для плавного появления. ## Связанные инструменты - [Bar Chart Generator](https://elysiatools.com/ru/tools/bar-chart-generator): Generate customizable bar charts from data with various styling options - [Генератор Пузырьковой Диаграммы](https://elysiatools.com/ru/tools/bubble-chart-generator): Генерировать настраиваемые пузырьковые диаграммы из данных с тремя измерениями (x, y, размер) - [Генератор Кольцевой Диаграммы](https://elysiatools.com/ru/tools/donut-chart-generator): Генерировать настраиваемые кольцевые диаграммы из данных с различными опциями стилизации, идеально подходит для отображения пропорций с центральным пространством - [Генератор Воронкообразной Диаграммы](https://elysiatools.com/ru/tools/funnel-chart-generator): Генерировать настраиваемые воронкообразные диаграммы из данных, идеально подходит для отображения коэффициентов конверсии, воронок продаж и потоков процессов - [Генератор Спидометра](https://elysiatools.com/ru/tools/gauge-chart-generator): Генерировать настраиваемые спидометры из данных, идеально подходит для отображения KPI, метрик и показателей производительности - [Генератор Тепловой Карты](https://elysiatools.com/ru/tools/heatmap-generator): Генерировать настраиваемые тепловые карты из данных, идеально подходит для визуализации плотности данных, корреляций и паттернов - [Генератор Пиктограмм](https://elysiatools.com/ru/tools/pictograph-generator): Создавайте пиктограммы с использованием иконок/символов для представления количеств с настраиваемыми иконками, цветами и компоновкой - [Pie Chart Generator](https://elysiatools.com/ru/tools/pie-chart-generator): Generate customizable pie charts from data with various styling options ## Примеры - [Примеры Расширенного Применения Grafana](https://elysiatools.com/ru/samples/grafana-samples): Комплексные примеры Grafana, охватывающие продвинутый дизайн дашбордов, конфигурацию оповещений, интеграцию источников данных и разработку плагинов - [Примеры D3.js Визуализации Данных](https://elysiatools.com/ru/samples/d3js-data-visualization): Комплексные примеры визуализации данных D3.js, включая диаграммы, карты, анимации и интерактивные визуализации - [Примеры QR-кодов](https://elysiatools.com/ru/samples/qrcode-samples): Примерные изображения QR-кодов для тестирования инструментов чтения и генерации QR-кодов - [Примеры Анализа Логов ELK Stack](https://elysiatools.com/ru/samples/elk-stack-samples): Комплексные примеры ELK Stack для агрегации, обработки и визуализации логов в распределенных системах ## Связанные материалы - [Генераторы графиков и диаграмм](https://elysiatools.com/ru/hubs/chart-diagram-generators): Выберите визуализацию для понятного представления сравнений, распределений, иерархий, связей и расписаний.