矩形树图
概述
矩形树图是一种通过嵌套矩形来展示层级数据的可视化图表。每个矩形的面积与其代表的数据值成比例,不同的颜色通常用于区分不同的类别或层级。矩形树图能够在有限的空间内有效地展示大量层级数据,同时保持数据间的层级关系和比例对比。
适用场景
矩形树图主要用于展示具有层级结构的大量分类数据,特别适合比较不同类别数据的大小和占比关系。
例如:各大区业务大类销售额分布情况。如图所示:

图表特点
优点:
- 空间利用率高:能在有限空间内展示大量数据,信息密度高
- 比例直观:通过矩形面积大小直接展示数据值的相对比例
- 层级清晰:通过嵌套结构清晰展示数据的层级关系
缺点:
- 形状不规则:矩形形状可能不规则,影响精确的视觉比较
- 深层级复杂度:层级过深时,内部小矩形可能难以清晰辨识
- 交互依赖:通常需要悬停或点击操作查看详细信息
使用指导
创建仪表板
详细步骤可参考新建仪表板。
创建图表
-
点击仪表板首页右上角「编辑」按钮,进入仪表板编辑页面。

-
点击「新建卡片 > 可视化图表」,弹出「选择数据集」页面。

-
选择需要进行图表分析的数据集后点击「确定」。

-
若需要切换分析数据集,可点击页面左上角「切换数据集」按钮。

-
在「可视化」区域中选择「矩形树图」,将左侧「数据集」区域的「大区」和「业务大类」拖至「绘制」区域的「维度」,「总销额」拖入「数值」。

-
点击标题右侧编辑按钮,为图表命名。
说明可点击右侧 AI 小图标,通过 AI 自动生成符合内容的标题,如何使用详见智能命名助手。

美化图表
设置颜色
可以先在右侧「主题/颜色」进行选择,再将「大区」字段拖至「颜色」区域,点击字段后选择「颜色设置」,可修改不同区域柱子对应的颜色,颜色详细配置可参考图表绘制-颜色。

其余操作
发布图表
-
点击右上角「保存并退出」,完成图表创建。

-
点击右上角「发布」,将仪表板发布上线。

效果查看
PC端

移动端
说明
移动端图表需要切换至移动端布局单独添加卡片,详细操作可参考:移动端布局。
