---
url: /chart/stacked-bar.md
---
# 堆叠柱状图 stacked-bar

把多个系列纵向堆成一根柱：既看**总量**，也看**构成怎么分**。渠道转化构成、成本结构逐月变化等场景的标准答案。

## 何时使用

* 每个类目有多个组成部分，且关注总量；
* 各构成项量级相近（某一项独大时其他项会被压扁，改看[占比章节](/chart/pie)的饼系）；
* 只对比单维度数值、不关心构成，用[柱状图](/chart/bar)。

## 示例

数据模型同柱状图（`labels` + `series`），把 `type` 换成 `stacked-bar`，各系列自动纵向堆叠。

### 月度报销结算

财务场景：各部门每月的报销额堆在一起，既看全公司结算总量的月度波动，也看哪个部门花得多——年终审计对账时一图说明白。

### 家庭月度支出

生活场景同构：房贷/车贷、餐饮、教育、日用堆成一根柱——哪个月超支、超在哪个类目，柱子和色块同时回答。

## 配置要点

* 系列数量建议 2-5 个，再多图例与配色都难以判读；
* 悬浮 tooltip 会展示同柱全部系列，配合图例点选看单系列；
* 关注构成占比的百分比表达时，可先在前端把数据归一化再堆叠。

## 相关

* [柱状图](/chart/bar) · [面积图](/chart/area) · [饼图](/chart/pie)
* [API 参考](/chart/api)