堆叠柱状图 stacked-bar

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

何时使用

  • 每个类目有多个组成部分,且关注总量;
  • 各构成项量级相近(某一项独大时其他项会被压扁,改看占比章节的饼系);
  • 只对比单维度数值、不关心构成,用柱状图

示例

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

配置要点

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

相关