# 分组柱状图生成器

生成分组柱状图，用于并排比较多个类别，非常适合多类别对比和比较分析

> 标准页面: https://elysiatools.com/zh/tools/grouped-bar-chart

- **分类:** Data Visualization

- **关键词:** 分组柱状图, 对比图表, 类别对比, 多系列图表, 数据分析, 可视化, 柱状图

## 概述

分组柱状图生成器是一款高效的数据可视化工具，旨在帮助用户通过并排对比的方式，直观呈现多系列数据在不同类别下的表现，非常适合进行多维度的数据分析与趋势比较。

## 输入项

- **图表数据** (textarea): 带有分类和系列数组的多系列数据。每个系列的数据点数量应与分类数量相同。
- **图表标题** (text): 显示在图表上方的标题
- **图表方向** (select): 选择方向
- **柱子颜色** (text): 不同系列的颜色（逗号分隔的十六进制颜色）。留空使用默认颜色。
- **背景颜色** (color): 图表容器的背景颜色
- **网格线颜色** (color): 网格线的颜色
- **柱子宽度** (number): 单个柱子的像素宽度（过大时自动调整）
- **组间距** (number): 不同组之间的像素间距
- **图表高度** (number): 图表的像素高度
- **最大值** (number): 坐标轴最大值（留空自动缩放）
- **最小值** (number): 坐标轴最小值（留空自动检测）
- **X轴标签** (text): X轴的标签
- **Y轴标签** (text): Y轴的标签
- **显示网格线** (checkbox): 显示网格线以便更好阅读
- **显示数值** (checkbox): 在柱子上或附近显示实际数值
- **数值位置** (select): 选择位置
- **显示图例** (checkbox): 在图表下方显示图例

## 适用场景

- 需要并排比较不同产品、部门或时间段的业绩表现时。
- 在演示文稿中展示多系列数据的分布差异时。
- 进行复杂的类别对比分析，以快速识别数据间的增长或波动趋势时。

## 工作原理

- 在输入框中按照 JSON 格式填入分类名称及各系列的具体数值。
- 根据需求选择图表方向（垂直或水平）并设置标题、轴标签等基础信息。
- 通过自定义颜色、柱子宽度、组间距及网格线等参数，调整图表视觉样式。
- 点击生成按钮，即可实时预览并获取专业的分组柱状图。

## 使用案例

- 季度销售业绩对比：展示不同产品线在四个季度的销售额变化。
- 市场调研分析：对比不同年龄段用户对多个品牌产品的偏好程度。
- 项目进度监控：并排展示多个团队在不同任务阶段的完成进度。

## 常见问题

### 我可以自定义柱状图的颜色吗？

可以，您可以在“柱子颜色”选项中输入逗号分隔的十六进制颜色代码（如 #3b82f6,#10b981），系统将按顺序应用到各个系列。

### 支持哪些图表方向？

目前支持垂直柱状图和水平柱状图两种布局，您可以根据数据的类别数量和展示空间需求进行选择。

### 如何设置坐标轴的范围？

您可以在“最大值”和“最小值”选项中手动输入数值。若留空，系统将根据数据自动计算并缩放坐标轴。

### 图表中的数值可以隐藏吗？

可以，通过取消勾选“显示数值”选项，即可隐藏柱子上的具体数字，使图表外观更加简洁。

### 生成的图表支持导出吗？

本工具生成的是 HTML 格式的交互式图表，您可以直接在页面查看，或通过截图等方式保存使用。

## 相关工具

- [文氏图生成器](https://elysiatools.com/zh/tools/euler-diagram-generator): 生成可自定义的文氏图，用于可视化集合关系、包含关系和层次结构
- [日历热力图生成器](https://elysiatools.com/zh/tools/calendar-heatmap): 生成GitHub风格的日历热力图，用于可视化随时间的活动模式，非常适合跟踪年度贡献、习惯或指标
- [河流图生成器](https://elysiatools.com/zh/tools/stream-graph): 生成流畅的河流图，用于可视化时间序列数据流动，非常适合展示随时间变化的构成，具有有机的流动形状
- [箱线图生成器](https://elysiatools.com/zh/tools/box-plot-generator): 生成箱线图进行统计分布分析，包含四分位数、须线和异常值检测
- [平行坐标图生成器](https://elysiatools.com/zh/tools/parallel-coordinates-chart): 生成平行坐标图，用于多维数据可视化，支持自定义归一化方法
- [象限图生成器](https://elysiatools.com/zh/tools/quadrant-chart): 生成四象限分析图表，用于战略分析、优先级排序和决策制定
- [雷达图生成器](https://elysiatools.com/zh/tools/radar-chart-generator): 从数据生成可自定义的雷达图（蜘蛛图），非常适合多维度对比和分析
- [评分星级图](https://elysiatools.com/zh/tools/rating-star-chart): 创建美观的星级评分可视化，用于产品评分、服务评价和用户反馈分析

## 示例

- [Chart.js 图表库示例](https://elysiatools.com/zh/samples/chartjs-library): 全面的Chart.js示例，包括各种图表类型、自定义选项、动画和响应式设计
- [Helm Chart 示例](https://elysiatools.com/zh/samples/helm-chart): 完整的 Helm 图表示例，包含模板、值文件、依赖关系和包管理配置
- [Android Java 图像处理示例](https://elysiatools.com/zh/samples/android-image-processing-java): Android Java 图像处理示例，包括图像读取保存、缩放和格式转换
- [Android Kotlin 图像处理示例](https://elysiatools.com/zh/samples/android-image-processing-kotlin): Android Kotlin 图像处理示例，包括图像读取保存、缩放和格式转换

## 相关内容

- [图表与图示生成器](https://elysiatools.com/zh/hubs/chart-diagram-generators): 根据数据结构选择图表，清晰表达比较、分布、层级、关系、进度和时间安排。
