矩形树图 treemap

层级构成的面积表达:矩形面积即数值,有子节点的矩形继续下钻拆分。一层看总量、多层看构成,组织成本拆解、预算结构、流量来源分解的常用图。

何时使用

  • 数据是树形层级(父节点 → 子节点),且想用面积直觉表达量级;
  • 空间利用率高,适合维度多的构成拆解;
  • 更强调"从根到叶的路径"时改用旭日图

示例

专属数据字段 treemapData:每项 { name, value?, children? }children 存在时自动递归拆分。

配置要点

  • 叶子节点给 value,父节点可省略(由子节点汇总)也可显式给定;
  • 层级过深(> 3 层)可读性下降,建议拆成两张图;
  • 悬浮读取节点名称与数值,点击语义见交互与联动

相关