# 矩形树图 矩形树图适合展现具有层级关系的数据，能够直观体现同级之间的比较，相比起传统的树形结构图，矩形树图能更有效地利用空间，并且拥有展示占比的功能。本章节介绍矩形树相关的各配置项的含义。 #### 约束限制 - 色块标签/维度区域只能拖入1个字段。 - 色块大小/度量区域只能拖入1个字段。 #### 操作步骤 1. 在大屏页面左侧的组件区域单击![](https://support.huaweicloud.com/usermanual-dataartsinsight/zh-cn_image_0000002507711810.png)，切换至文本组件页。 2. 单击或拖动"矩形树图"组件至画布区域。 3. 在页面右侧的数据页签选择需要分析的数据集。 4. 设置[字段]、[样式]、[交互]相关参数。 图1矩形树图效果图 ![](https://support.huaweicloud.com/usermanual-dataartsinsight/zh-cn_image_0000002539711485.png) #### 字段 1. 在"数据"标签页选择数据集，并将所需的"维度"、"度量"双击或拖拽至"字段"标签页。 2. 设置过滤 1. 在数据列内的维度和度量列表内找到需要的数据字段。 2. 单击过滤器内的需要设置过滤字段上的![](https://support.huaweicloud.com/usermanual-dataartsinsight/zh-cn_image_0000002007934574.png)，进入设置过滤器页面。 3. 过滤参数设置完成后，单击"确认"完成过滤参数设置。 表1过滤器参数 | 字段类型 | 参数 | 参数说明 | |:---|:---|:---| | string | 按条件过滤 | 过滤方式：支持按条件过滤和按枚举过滤方式。 条件形式：支持设置"且"条件和"或"条件。 过滤条件：支持精确匹配、包含、开头是、结尾是、不匹配、不包含、为空、不为空等设置。 | | string | 按枚举过滤 | 查询形式：支持单选和多选。 过滤条件：支持\>、≥、＜、≤、＝、≠、为空、不为空等设置。 | | 度量 | 条件形式 | 支持设置"且"条件和"或"条件。 | | 度量 | 过滤条件 | 支持\>、≥、＜、≤、＝、≠、为空、不为空等设置，支持选择聚合前数据和聚合后数据。 说明： 选择"聚合前"，将对聚合前的数据进行过滤，选择"聚合后"，将对聚合后的数据进行过滤，聚合相关概念请参见[创建数据集](https://support.huaweicloud.com/usermanual-dataartsinsight/dataartsinsight_03_0457.html)。 单击"新建筛选条件"可以设置多个过滤条件。 | | date | 按区间值过滤 | 设置时间区间进行过滤。 | | date | 按单值过滤 | 设置单个时间进行过滤。 | | date | 按条件过滤 | 支持设置"且"条件和"或"条件，支持\>、≥、＜、≤、＝等设置。 单击"新建筛选条件"可以设置多个过滤条件。 | 3. 查询返回数限制 设置查询返回数限制，在输入框输入合适的返回数，默认数值为1000。 4. 设置自动刷新 自动刷新间隔时间支持：不刷新、1分钟、5分钟、15分钟、30分钟。 #### 样式 - 尺寸位置 - W：设置图表的宽，单位为px。 - H：设置图表的高，单位为px。 - X：设置图表在画布中的位置，单位为px。 - Y：设置图表在画布中的位置，单位为px。 - 不透明度：设置图表在画布上的透明度，可通过滑动条进行设置，也可手动输入百分比，比例越大透明程度越低。 图2尺寸位置 ![](https://support.huaweicloud.com/usermanual-dataartsinsight/zh-cn_image_0000001858597278.png "点击放大") - 全局样式：可设置组件的字体类型。 - 基础图表样式 - 合并数据为其他：勾选"合并数据为其他"，矩形树图显示数据区块为设置合并后区块数量；不勾选显示数据区块为字段中"查询返回数限制"的数量。 - 合并区块数量：用户可自定义设置，设置数量不能少于2个数据区块。如果设置的合并数量大于矩形树"查询返回数限制"的数值，矩形树显示数据块数则按照"查询返回数限制"数量显示。 - 区域名称：用户可根据使用场景自定义设置。 - 标签 - 文本：可设置标签的字号、颜色、字体粗细。字号设置范围10\~100。 - 占比：支持矩形树图占比色设置。设置占比小数位显示范围0\~10。 - 度量：支持矩形树图设置度量显示与不显示。 数值设置：支持对数值的语境、单位、科学计数法、使用千分位分隔符、小数位的设置。 - 提示信息 - 显示/隐藏提示信息：勾选![](https://support.huaweicloud.com/usermanual-dataartsinsight/zh-cn_image_0000001864664606.png)表示预览或查看发布组件时显示的提示信息；不勾选![](https://support.huaweicloud.com/usermanual-dataartsinsight/zh-cn_image_0000001910783913.png)表示预览或查看发布组件时不显示提示信息。 - 可设置提示信息的字号大小、颜色、字体粗细。字号范围10\~100。 - 系列 - 配色方案：支持默认色、经典、舒适、智能、数据、艺术、SaaS规范的配色方案。 图3配色方案 ![](https://support.huaweicloud.com/usermanual-dataartsinsight/zh-cn_image_0000001910952593.png) - 系列：支持对系列颜色的配置（纯色）。 图4系列颜色配置 ![](https://support.huaweicloud.com/usermanual-dataartsinsight/zh-cn_image_0000001858811136.png "点击放大") - 总计 - 显示/隐藏总计：单击"显示总计"左侧的勾选框，![](https://support.huaweicloud.com/usermanual-dataartsinsight/zh-cn_image_0000001904971125.png "点击放大")表示显示总计，![](https://support.huaweicloud.com/usermanual-dataartsinsight/zh-cn_image_0000001905051597.png "点击放大")表示不显示总计。 - 自定义名称：用户可根据使用场景自定义总计名称。 - 可设置总计名称、数值的字号大小、颜色、字体粗细。字号范围10\~100。 #### 交互 - 联动 1. 单击"高级 \> 联动"，进入矩形树图联动设置页面，参考[表2]设置参数。 表2图表联动设置 | 参数 | 说明 | |:---|:---| | 过滤 | 设置时需要先选择需要绑定的字段，选择完成之后选择需要关联的图表，支持选择大屏二维表上的图表。 | | 显隐 | 设置时先选择需要的字段，选择完成之后选择需要关联的图表，支持全选大屏上的图表。 | 2. 参数设置完成之后，单击"确定"完成联动设置。 - **跳转** 1. 在页面右侧"交互"页签单击"高级\>跳转"，进入图表跳转页面。 2. 单击需要绑定的字段后面的![](https://support.huaweicloud.com/usermanual-dataartsinsight/zh-cn_image_0000001941846224.png "点击放大")，弹出关联字段框，选择需要绑定的字段。 3. 设置跳转类型、打开方式、跳转报表/大屏、关联参数，单击"确定"完成跳转设置。具体示例请参见[跳转示例](https://support.huaweicloud.com/usermanual-dataartsinsight/dataartsinsight_03_0473.html#dataartsinsight_03_0473__li124501111540)。 ![](https://support.huaweicloud.com/usermanual-dataartsinsight/public_sys-resources/note_3.0-zh-cn.png) - 支持携带参数跳转，具体示例请参见[携带参数跳转示例](https://support.huaweicloud.com/usermanual-dataartsinsight/dataartsinsight_03_0485.html#dataartsinsight_03_0485__li884383018231)。 - 设置跳转时，请先将需要绑定的字段拖入"字段"页签，然后进入图表跳转页面设置绑定字段，否则无法跳转。 表3参数说明 | 参数 | 描述 | |:---|:---| | 跳转类型 | 系统内部跳转：跳转到内部的大屏和仪表板项目。 外部跳转：跳转到非软件中的链接。 | | 打开方式 | 当前窗口打开：当单击设置跳转的图表后，会在当前窗口打开跳转的图表。 新窗口打开：当单击设置跳转的图表后，会在新窗口打开跳转的图表。 弹窗打开：当单击设置跳转的图表后，以弹框的形式打开跳转的图表（弹框大小可设置）。 | | 跳转报表/大屏选择 | 1. 先选择项目。 2. 再选择仪表板/大屏。 说明： 当跳转类型选择"内部跳转"时，需要设置此步骤。 | | 关联参数 | 当前大屏的生效参数。 - 关联字段：将关联的字段携带到跳转的图表中。 - 填固定值：跳转的图表只过滤固定值，例如固定值设置为"city"，跳转的图表显示过滤"city"字段。 - 控件变量：在下拉框、搜索、Tab列表中选择的每一个值都是控件变量设置的变量值。例如在下拉框中选择"city"，则控件变量的变量值为"city"，跳转的图表过滤出"city"字段。 - 全局变量：将全局变量中的值携带到跳转的图表中。 | | 携带条件 | 当跳转类型为系统内部跳转时支持设置携带空值。携带空值主要用于数据表中空值的过滤，方便用户分析数据。 - 前提条件：设置两个大屏A、B，大屏A跳转到大屏B。 - 操作步骤： - 大屏B配置全局参数，设置全局参数的字段，大屏A中也必须存在。 - 在大屏A中设置跳转参数，跳转报表选择大屏B，关联字段选择全局参数中设置的字段。 - 勾选携带空值，单击确定。 - 大屏A绑定字段出现下划线，单击绑定字段，跳转到大屏B，过滤出空字段行，大屏B的URL出现param参数。 - 未勾选携带空值，单击确定。 - 大屏A绑定字段出现下划线，单击绑定字段，跳转到大屏B，出现图表的全部数据，大屏B的URL未出现param参数。 |