矩形树图
功能概述
矩形树图是Quick BI可视化组件库中隶属于“饼/环形类”的一种图表。它主要用于描述数据指标在不同类别之间的相对占比关系,尤其擅长在有限的空间内展示具有层级结构或者大量分类的数据。矩形树图通过将整体区域分割成多个嵌套的矩形块,其中每个矩形块的面积大小代表了其对应类别(维度值)的数值(度量值)大小。
核心优势
空间利用率高:能够有效地利用空间展示大量分类数据及其相对大小。
占比关系直观:通过矩形面积直接反映数值大小和占比,易于快速识别主要构成部分。
可视化效果:提供矩形布局,支持自定义配色、数据标签显示(可包含维度、度量、占比)、合并小项等。
交互与备注:支持联动、跳转等交互操作,并可在标题区配置备注、尾注信息。
典型应用场景
分析各类产品销售额的分布情况、展示不同地区对总收入的贡献、网站流量来源构成等,特别适合需要同时展示部分与整体关系以及各部分之间相对大小的场景。
使用限制
为确保矩形树图能够正确构建和有效传达信息,配置时需注意以下字段要求:
色块标签/维度:最多只能放入1个维度字段。该维度定义了图表中的各个矩形块代表哪些类别(例如:产品类型、区域等)。
色块大小/度量:最多只能放入1个度量字段。该度量值决定了每个矩形块的面积大小。
操作步骤
在仪表板编辑模式下,您可以按照以下步骤添加和配置矩形树图:
添加图表
在仪表板编辑界面的左侧图表列表中,找到“饼/环形类”。
选择“矩形树图”并将其拖拽到画布上。
配置数据字段
选中图表,在右侧的“数据”配置面板中:
从“维度”列表中,将定义矩形块分类的字段(如“产品类型”)拖拽或双击添加到“色块标签/维度”区域。
从“度量”列表中,将决定矩形块面积大小的字段(如“订单金额”)拖拽或双击添加到“色块大小/度量”区域。
配置完字段后,点击面板下方的“更新”按钮,图表将根据数据渲染。
配置图表样式
切换到右侧的“样式”配置面板。可使用顶部搜索框快速定位配置项。
图表样式区域:矩形树典型配置项如下,其它通用完整的图表标题与卡片的样式配置请参见配置图表标题区。
配置项名称 | 配置项示例 |
矩形 | 支持进行配色设置及合并数据为其他。
支持设置合并后的区块数量、区块名称和区块颜色。 |
数据标签 | 设置是否显示数据标签以及展示方式。 说明 内容支持显示占比、度量,且仅当显示标签选择百分比时,才需配置占比小数位数,占比小数位数支持0、1、2三种。 |
工具提示 | 支持设置工具提示的内容、背景色和文本样式。 |
总计 | 支持设置总计的名称及文本样式。 |
配置分析功能
切换到右侧的“分析”配置面板。
名称 | 说明 |
联动 | 当需要分析的数据存在于不同的图表,您可以通过图表联动,把多个图表关联起来,形成联动进行数据分析。具体设置请参见联动。 |
跳转 | 当需要分析的数据存在于多个仪表板时,您可以通过仪表板跳转,把多个仪表板关联起来,进行数据分析。跳转包含产品内跳转、页面内组件和外部链接三种方式,具体设置方法请参见跳转。 |
标注 | 当图表中的数据存在异常或需要重点关注时,支持使用颜色高亮、图标、注释或数据点的方式行标注,帮助您识别异常并采取相应的行动。具体设置请参见标注。 |
常见问题 (FAQ)
问:矩形树图主要用来做什么分析?答:矩形树图主要用于展示整体与部分之间的占比关系,并通过矩形面积大小直观比较各部分的相对重要性。它特别适合在有限空间内展示大量分类数据或具有层级结构的数据(尽管本示例为简单分类)。
问:矩形树图可以放多少个维度和度量?答:矩形树图在Quick BI中配置时,最多只能使用1个维度字段(放入“色块标签/维度”)和最多1个度量字段(放入“色块大小/度量”)。
问:矩形块的大小代表什么?颜色代表什么?答:矩形块的面积大小代表了其对应类别(维度值)的度量值大小。度量值越大,矩形面积越大。颜色通常用来区分不同的类别(维度值),您可以在样式配置中自定义配色方案。
问:我的矩形树图有很多非常小的方块,几乎看不清标签,怎么办?答:您可以启用“样式”->“矩形”中的“合并数据为其他”功能。设置一个希望保留的“区块数量”(例如,保留最大的10个),面积较小的矩形块就会被合并成一个标记为“其他”的块,使图表更清晰。
问:可以在每个矩形块里面同时显示类别名称和它对应的数值吗?答:可以。在“样式”->“数据标签”设置中,确保“显示数据标签”已开启。然后在“内容”选项中,同时勾选代表类别名称的选项(通常是“维度”或类似标签)和代表数值的选项(“度量”)。您还可以选择性地显示“占比”。