堆叠柱状图制作

📖 工具说明

1. 什么时候用堆叠柱状图

想同时看总量和内部构成时用它：

• 每根柱子的总高 = 该分类的合计（如季度总营收）。
• 柱子里的分段 = 各成分的贡献（如硬件 / 软件 / 服务）。
• 一张图对比多个分类的结构，不用切好几个饼图。

2. 功能

基于 Chart.js 在浏览器本地渲染，数据不上传。

• 数据：分类标签逗号分隔；每个「系列」一行，填名称、逗号分隔的数值、颜色。数值个数不够会补 0。
• 排列：堆叠（默认）或并排分组。
• 方向：竖向柱状 / 横向条形（标签长时用横向）。
• 样式：图表标题、图例位置（顶 / 底 / 右 / 隐藏）、柱宽百分比、4 套配色（点「换配色」循环）。
• 实时：改任意数据或样式立即重画。
• 导入 / 导出：导入 CSV（表头 分类,系列1,系列2,...）、导出 CSV、导出 PNG / JPG（可白底）。
• 鼠标悬停某根柱子会显示各分段和合计。

3. 场景

4. 操作流程

1. 填分类标签。
2. 加系列、填每个系列的数值（顺序对应分类标签）。
3. 选堆叠 / 分组、方向、配色。
4. 加标题、调图例位置和柱宽。
5. 导出 PNG / JPG，或导出 CSV 存档。

5. 说明

• 渲染在浏览器本地完成，数据不上传、不保存，导出无水印。
• 数值在柱子上悬停查看，暂不支持在图上直接标数字。
• 导入 CSV 时非数字单元格按 0 处理。
• 只导出位图（PNG / JPG），不支持 SVG。

相关：漏斗图 · 图表制作 · 词云图 · 树状图 · JSON 转 CSV/Excel。

用企业经营数据制图前，请确认你有权处理这些数据。

📖 相关推荐