矩形树图

一、简介

1.1 功能简介

矩形树图用一组互相嵌套的矩形展示数据，每个矩形的面积代表指标值的大小，面积越大数值越大。当添加两个维度时，外层大矩形按第一个维度划分，再在其内部按第二个维度细分为小矩形，从而同时展示数据的层级关系与各部分的大小占比。

1.2 应用场景

适用于需要查看分类占比、层级构成或重点数据分布的场景，例如：

• 不同产品系列的销售额占比
• 各门店销售额按产品系列拆分
• 各月份销售额中不同产品系列的贡献
• 各业务类型下不同子类型的金额构成

1.3 效果展示

以下以某奶茶店销售数据为例展示矩形树图效果。

添加1个维度：每个产品系列对应一个矩形，矩形面积代表该系列销售额，面积越大销售额越高。

添加2个维度：外层矩形按门店划分，每个门店块内再按产品系列拆分，便于在查看各门店销售总量的同时，看清每个产品系列的贡献。

二、设置步骤

2.1 选择矩形树图

进入报表编辑页面，点击图表类型下的矩形树图即可开始编辑矩形树图，也可以将已经编辑好的其他类型图表转换成矩形树图。

2.2 添加维度和指标

2.2.1 添加维度

可以通过拖拽的方式将维度字段添加到维度区域，或者批量添加维度。

批量添加维度：

拖拽方式添加维度：

被归类为维度的字段将成为矩形树图的分类依据。矩形树图可以添加1个或2个维度：

• 添加1个维度时，每个维度值对应一个矩形。例如：将「产品系列」作为维度，报表会按产品系列生成矩形。
• 添加2个维度时，第一个维度作为外层分类，第二个维度作为内层分类。例如：将「门店地址」和「产品系列」作为维度，报表会先按门店分块，再在每个门店内按产品系列拆分。

⚠️注意维度字段只能作为维度使用，但指标字段既可以作为维度使用，也可以作为指标使用矩形树图需要添加1个或2个维度字段，并且只能添加1个指标字段添加2个维度时，维度顺序会影响层级展示：第一个维度为外层分类，第二个维度为内层分类；调换顺序后，外层与内层分类也会随之互换

2.2.2 添加指标

可以通过拖拽的方式将指标字段添加到指标区域。

指标是通过指定的计算方式（默认求和）计算后得出的数据，在矩形树图中指标表现为矩形的面积大小，数值越大，矩形面积越大。

如图所示，销售额为矩形树图的指标。

⚠️注意只有数字字段可以作为指标。使用轻流作为应用数据源时，需要确保希望作为指标的字段格式是数字字段矩形树图只能添加1个指标字段

2.3 设置维度和指标属性

点击维度或指标左侧的倒三角图标即可编辑维度或指标的属性。

2.3.1 显示名称

修改维度字段或指标字段在报表中的显示名称。

2.3.2 排列方式

支持对维度或指标的字段值进行排序。数值字段可按数值升序或降序排序；非数值字段将按首字符顺序进行排序。

2.3.3 显示格式

使用范围：数值字段、时间字段详情可见：指标&轴的显示格式

1. 设置指标字段的数值展示格式，包括：

• 数值单位（如：千、万、百万等）
• 显示形式（数值或百分比）
• 是否启用千分位分隔符
• 前缀与后缀文字
• 小数位数精度设置

1. 时间字段可以设置时间的显示范围：年/月/日/时/分/秒

2.3.4 汇总方式

使用范围：数值字段、地址字段

1. 设置指标在报表中的统计计算方式。可选项包括：

• 求和
• 平均值
• 最大值
• 最小值
• 最新数据
• 最旧数据

例如，指标的汇总方式为求和时，系统将计算不同产品系列下的销售额总和；当指标的汇总方式为平均值时，系统将计算不同产品系列下销售额的平均值。

⚠️最新数据并不是指把所有最新提交的数据都展示出来，而是按"维度"去取最新的那一条。举个例子：现在有一份财务报销报表，一共有 4 条数据：客户拜访：200、300、400（3条数据）出差：1000（1条数据）如果汇总方式是 "求和"，那结果就是所有报销加起来：200 + 300 + 400 + 1000 = 1900。但如果汇总方式是 "最新数据"，那逻辑是：在"客户拜访"这个维度下，只取最新的一条（假设是 400），之前的 200 和 300 就不算了；在"出差"这个维度下，只有 1000 这一条，就取它。这样加起来的结果就是 400 + 1000 = 1400。所以，"最新数据"其实是按 每个维度只留最新一条来算的，而不是把所有最近提交的数据都算上。选择"最新数据"或"最旧数据"时，可指定表单中的时间类字段作为排序依据。

1. 设置地址维度的计算范围

2.4 矩形树图其他功能

点击报表编辑页右侧的「功能」设置报表的其他功能。

2.4.1 数据筛选

详情参考：数据筛选

• 汇总前筛选

在进行数据统计前，根据设定的筛选条件对原始数据进行过滤，仅保留满足条件的数据参与统计。例如：只统计产品系列为「水果茶」的数据。

• 汇总后筛选

在完成报表统计后，再根据条件对已生成的报表结果进行筛选，仅显示符合条件的记录。

2.4.2 数据显示

支持设置仅展示报表中排名靠前或靠后的数据。

例如：设置仅显示“前10条”数据，可以聚焦分析销售额最高的分类。

2.4.3 查看原始数据

开启该功能后，用户可在报表中点击某个矩形，查看其对应的原始数据记录。支持以下设置：

• 查看权限：指定哪些成员有权限查看原始数据。
• 显示字段范围：设置用户可见的原始字段内容。

⚠️若数据源中某字段被删除或隐藏，原始数据将无法展示，需重新配置字段显示范围。

• 设置查看原始数据的权限和显示字段

• 查看原始数据效果

2.5 报表样式设置

切换到报表编辑页右侧的「样式」，可以对报表样式进行设置，使报表更具个性化。

2.5.1 配色方案

可以为报表配置不同的颜色组合。

2.5.2 方块样式

矩形树图特有的设置项，用于调整矩形的外观：

• 间距：相邻矩形之间的间隔大小。
• 边框：矩形边框的宽度，并可设置边框颜色。

2.5.3 图表背景

可以更改报表周围背景区域的颜色。

2.5.4 标题

可以选择是否显示标题，并对报表标题的内容、字号和字体颜色进行更改。

2.5.5 标签

可以选择是否显示**矩形上的维度和指标标签，**并对标签的字号、颜色、位置和显示方式进行更改。

2.5.6 图例

点击图例可以隐藏或显示该图例的数据，点击图例右侧图标可以选择是否单独显示该图例的数据。选择是否显示图例，并对图例文字的字号、颜色和显示位置进行更改。