面积编码数值
每个矩形的面积与其数值直接对应，无需查看任何数字，相对大小即刻可见。
矩形树图
免费在线矩形树图制作工具
什么是矩形树图？
矩形树图以嵌套矩形的形式展示层级数据，每个矩形的面积与其数值成正比。它是同时呈现多个类别占比关系的最直观方式——无论是按产品线划分的营收、按文件夹统计的存储用量，还是按行业分布的市值，都能一目了然。与饼图相比，矩形树图在分类众多时也不会显得杂乱，是需要在同一视图中兼顾层级结构与比例关系时的首选。
核心功能
嵌套层级结构
将条目归入父类别和子类别，让读者能够从整体概览深入到具体细分项。
颜色编码
为每个类别指定独特颜色，或使用渐变色突出第二维度——例如在展示市场份额的同时体现增长率。
灵活的标签选项
可在每个色块内显示名称、数值或两者兼有，并可调整字体大小和位置，确保密集树图的可读性。
AI 即时生成
用自然语言描述数据，MakeCharts 几秒内即可生成完整树图，无需准备电子表格。
导出与嵌入
将树图下载为 PNG 或 SVG 格式，或获取嵌入代码，直接插入网页或演示文稿。
适用场景
按部门划分的预算与支出明细
各公司或行业的市场份额分布
文件系统与各文件夹的存储占用
跨资产类别的投资组合配置
按产品类别和地区划分的销售业绩
按渠道或内容类型统计的网站流量
适用时机
- 分类超过 6–7 个，饼图已难以阅读时
- 数据具有天然的父子层级关系（如行业→公司、部门→团队）
- 需要在众多条目中快速比较相对大小
- 占比关系至关重要，且每个条目都应可见时
- 希望在不使用排名列表的情况下突出主导类别时
常见误区
- 包含过多细小分类——占总量约 1% 以下的条目会变成难以辨认的细条
- 未按大小排序，导致最大的色块分散各处，而非集中便于快速浏览
- 相邻色块使用过于相近的颜色，导致类别难以区分
- 密集树图中标签字体设置过小——应对极小色块隐藏标签
- 混淆矩形树图与热力图：树图用面积表示数量，而非颜色深浅
- 数值标签缺少单位，让读者猜测数字代表金额、百分比还是计数
相关工具
使用这些工具创建类似图表
模板
从专业设计的模板开始
比例数据 Treemap 模板treemap
使用这款免费树图模板，快速可视化各类别中的占比数据。适用于市场份额、预算与分层拆解。
用树状图直观展示你的预算分配treemap用部门级树状图清晰展示预算去向。几分钟内自定义并分享，掌握每个类别的预算分布。
网站分析 Treemap：按板块可视化流量treemap用网站分析树状图可视化各栏目访问量。快速掌握流量层级，定位表现最佳的内容区域。
股票投资组合树状图 - 可视化你的资产配置treemap用矩形树图直观展示投资组合分配情况。快速查看科技、金融、医疗与能源股票的资产分布。
用树状矩图直观展示磁盘使用情况treemap使用此磁盘空间树状图模板，快速可视化存储分解。一眼查看占用空间最大的文件和文件夹。
组织人员编制树状图模板treemap使用树状图一键可视化各部门人员编制。快速查看工程、销售、运营等员工分布。
免费开始
用 AI 创建你的矩形树图
描述你的数据或粘贴数值，AI 将在几秒内生成矩形树图。
免费使用，无需注册