在线树图工具

免费在线 Tree Map Chart Maker。

免费在线树图制作工具。用矩形面积比较各分类在整体中的占比,支持自定义标签与颜色,并可即时预览布局。

Graph

Software Budget Allocation

为什么适合

为什么树图适合这类数据

树图能把大量分类压缩进一个紧凑视图里,让你不用滚动长表格,也能快速看出谁占得最多、谁影响最小。

通过面积而不是长条长度表达数值,用户能很快判断哪些分类占整体比重最大。

在版面有限的 dashboard 或报告里,树图通常比常规柱状图更节省空间。

适合发现集中度、长尾分布,以及资源或份额在各分类之间的倾斜情况。

Tree Map Chart Example

产品亮点

为快速录入、实时预览和轻量级树图调整而设计。

直接编辑分类和值

在表格里修改分类名称和数值,不需要离开当前制图流程。

即时查看面积变化

修改数值后,预览区会立即重新排布矩形块,方便判断结构变化。

控制标签和数值展示

可切换分类标签、块内数值和 tooltip,按你的展示场景决定信息密度。

调整标题、指标名和配色

支持自定义图表标题、指标标签和主题色,同时兼顾桌面端与移动端编辑体验。

常见场景

适合预算结构、市场份额、资产分布和分类很多的汇总报告。

展示总预算在团队、产品线或成本中心之间如何分配。

比较网站流量在渠道、活动或内容分组中的份额。

用紧凑视图展示不同产品线、品牌或地区对销售总额的贡献。

总结资产组合、库存结构或资源池分布,突出整体构成关系。

识别哪些部门或分类占用了大部分有限资源。

当分类很多时,用树图呈现长尾分布,避免页面堆满大量柱子。

适合使用树图的情况

你的核心问题是每个分类对整体贡献了多少。

你需要在有限空间里同时展示很多分类。

读者更关心相对大小,而不是精确轴位置。

你想突出集中度、头部分类和结构不均衡问题。

更适合换用其他图表的情况

你需要精确比较接近的数值,通常柱状图更容易读。

你要展示随时间变化的趋势,通常折线图更合适。

分类数量很少,常规柱状图往往更直接。

你需要强调顺序、排名或精确坐标,而不是面积大小。

常见问题

制作树图前,大家通常会问这些问题。

树图最适合展示什么?

树图最适合展示 part-to-whole 关系,特别是在分类很多时,可以用一个紧凑视图比较各部分相对大小。

树图柱状图有什么区别?

柱状图沿统一坐标轴比较分类,树图则通过面积比较。树图更省空间,但柱状图通常更适合做精确比较。

树图可以展示百分比吗?

可以。只要每个值都代表同一整体中的一部分,不管是原始值还是百分比,都可以用树图表达。

什么时候树图会变得难读?

当分类过多且很多值都很小、彼此接近,或者你需要严格排序与精确比较时,树图会变得不够直观。

树图里的数值一定要能加总吗?

通常建议如此。树图在表达同一整体的构成关系时最有意义,因为每个矩形都代表总量中的一个份额。

为什么不用电子表格里的图表?

这个工具更聚焦快速录入、即时预览和轻量调整,适合在更短时间里做出一张清晰的树图,而不是走完整电子表格流程。

开始制作

几分钟内完成一张树图。

输入分类数据,调整标签与颜色,然后使用上方实时预览,把密集表格转换成紧凑清晰的整体构成图。

开始使用编辑器