堆叠柱状图 stacked-bar
把多个系列纵向堆成一根柱:既看总量,也看构成怎么分。渠道转化构成、成本结构逐月变化等场景的标准答案。
何时使用
示例
数据模型同柱状图(labels + series),把 type 换成 stacked-bar,各系列自动纵向堆叠。
月度报销结算
财务场景:各部门每月的报销额堆在一起,既看全公司结算总量的月度波动,也看哪个部门花得多——年终审计对账时一图说明白。
家庭月度支出
生活场景同构:房贷/车贷、餐饮、教育、日用堆成一根柱——哪个月超支、超在哪个类目,柱子和色块同时回答。
配置要点
- 系列数量建议 2-5 个,再多图例与配色都难以判读;
- 悬浮 tooltip 会展示同柱全部系列,配合图例点选看单系列;
- 关注构成占比的百分比表达时,可先在前端把数据归一化再堆叠。