基础树图
| 子类 | 3C数码 | 家居用品 | 美妆个护 | 服装配饰 |
|---|---|---|---|---|
| 无线耳机 | 68500 | 0 | 0 | 0 |
| 手机壳 | 42300 | 0 | 0 | 0 |
| 充电宝 | 35800 | 0 | 0 | 0 |
| 数据线 | 21600 | 0 | 0 | 0 |
| 桌面收纳 | 0 | 38200 | 0 | 0 |
| 台灯 | 0 | 29400 | 0 | 0 |
| 靠枕套装 | 0 | 18700 | 0 | 0 |
| 面膜套装 | 0 | 0 | 51200 | 0 |
| 精华液 | 0 | 0 | 44600 | 0 |
| 洗护套装 | 0 | 0 | 28300 | 0 |
| T恤 | 0 | 0 | 0 | 33900 |
| 连衣裙 | 0 | 0 | 0 | 47500 |
| 腰带配件 | 0 | 0 | 0 | 12800 |
矩形树图以嵌套矩形的面积编码数值大小，层级关系通过矩形包含关系表示（外框为大类，内块为子类）。面积越大数值越高，颜色区分大类，比饼图更能在有限空间内展示多层级占比结构。
大类导语与适用场景
矩形树图：层级占比与面积同屏展示
矩形树图用嵌套矩形的面积表示数值大小，外框为大类、内块为子类，在有限空间内比饼图更能展示多层级结构。适合品类 GMV 构成、供应商贡献、库存金额分布等需要同时看清层级与占比的场景。
-
阅读时注意大面积色块对应高贡献类目，小矩形可合并为长尾。本页示例支持基础树图与钻取交互，便于在经营分析会中快速传达品类结构。
-
收录规模
本大类共 6 个示例，包括基础树图、对比树图、数值渐变树图等，均可点击进入独立页面查看数据表格与图表说明。
适用场景
树图将层级数据映射为大小不等的嵌套矩形：面积越大代表数值越高，颜色区分大类。适合展示店铺各品类 GMV 构成、平台流量渠道分配、供应链成本拆解等二级层级占比场景。建议大类 3–8 个、每大类子类 2–6 个，子类过多时色块面积过小难以阅读，可合并长尾项为其他。
功能介绍
-
矩形树图能做什么
嵌套矩形面积编码，直观呈现品类层级结构与占比关系
-
本页包含哪些示例
当前大类共 6 个可交互示例，涵盖电商常见分析场景。点击左侧名称进入独立示例页，可查看数据表格、图表预览与适用说明。
-
怎么用
选择示例后编辑中间数据表格，图表实时更新；登录后可保存修改。不确定用哪张图时，先看各示例下方的「适用场景」再决定。
Excel / WPS 怎么做矩形树图
矩形树图（Excel 里叫树状图）用矩形面积表示占比，大类套小类，适合看品类 GMV 结构。Excel 2016 及以上和较新的 WPS 可以插入树状图；本站示例是宽表，做到本地前要先改成长表。
Excel 要「每层一列 + 一列数值」：A 列大类、B 列子类、C 列销售额。不要沿用本页那种「子类在行、大类在列、空位填 0」的矩阵；把非零单元格拆成一行一条记录。
-
改成层级长表
A 列写大类（3C数码、家居用品），B 列写子类（无线耳机、手机壳），C 列写销售额。每一行只对应一个子类，不要在同一行把多个大类的数字并排，也不要填 0 占位。
-
选中含表头的三列
包含大类、子类和数值。三层结构再加一列细类，放在子类右边、数值左边。
-
插入树状图
Excel 2016 及以上：插入 → 图表 → 层次结构图 → 树状图。WPS：插入 → 图表，在层次结构或不常用图表里找「树状图」。找不到该类型时，用堆积柱或饼图代替，并说明「示意占比」。
-
让颜色按大类走
右键图表 → 系列选项，颜色按「类别」而不是按数值深浅，这样同一大类色块连在一起。子类超过 20 个时小块看不清，先把长尾合并为「其他」。
-
标签怎么开
添加图表元素 → 数据标签，勾选类别名称和值。小矩形装不下字时关掉标签，只留大块。需要点进去下钻的交互，Excel 做不到，请用本页交互式树图示例。
WPS 新版本在「插入 → 图表」中有树状图；数据同样要层级长表，不要用宽矩阵。旧版没有该类型时，用饼图看大类、再用柱状图看子类，分两张交差。
Excel / WPS 做不好：点击下钻、面积表示销售额同时用颜色表示增长率、两期树图自动并排。这些请用本站对应示例；本地表格用标准树状图看结构即可。
常见问题
矩形树图适合解决什么分析问题？
嵌套矩形面积编码，直观呈现品类层级结构与占比关系
Excel 或 WPS 怎么做矩形树图、树状图？
先改成「大类 + 子类 + 数值」长表，不要用填 0 的宽矩阵。Excel 2016 及以上插入「层次结构图 → 树状图」，WPS 在插入图表里找树状图。本页有逐步说明。
本页示例数据可以修改吗？
可以。进入任意单图示例后，在数据表格中直接改数即可实时预览；登录后可保存编辑，VIP 可上传 Excel/CSV 替换为自有数据并导出 PNG。
从哪个示例开始看比较好？
建议先看本类第一个「基础」示例熟悉图形结构，再按需浏览变体示例。左侧搜索框可按中文名称快速定位。
看完示例后如何分析真实店铺数据？
图表示例用于理解图形与指标；上传店铺 Excel 做诊断请使用易通工具集中的销售趋势、漏斗分析、竞品对标等工具，或下载行业数据大全模板整理汇报。
示例数据与真实店铺口径不一致怎么办？
画廊示例用于理解图形结构；上传真实数据前建议先按示例列结构整理店铺 Excel，或直接使用易通工具集的分析页上传诊断。
