艾体宝产品 | Decisions Report：报表可视化与页面嵌入

在前两篇文章中，我们依次掌握了Decisions报表的基础配置和进阶功能，完成了报表数据的提取、加工与精准过滤，搭建起了满足业务逻辑的报表数据框架。但在实际业务落地中，单纯的表格数据展示难以直观体现数据规律与核心指标，而将报表嵌入仪表板、实现数据可视化，才是报表发挥价值的关键。

本文将聚焦报表的可视化配置与页面/仪表板嵌入实战，详细讲解报表多视图扩展、小计结果配置、图表创建全流程，以及将报表可视化内容嵌入页面的两种方式，并对比其优劣与适用场景，实现从“数据表格”到“可视化仪表板”的升级，让报表数据在实际业务中真正落地可用。

报表视图扩展

在基础配置中，我们接触了报表的默认数据视图（Data View），而Decisions报表的「Views（视图）」模块提供了丰富的可视化展示形式，可基于已配置的报表数据，快速切换不同的展示形态，且所有视图共享同一套数据来源，无需重复配置筛选、计算等规则，极大提升配置效率。

视图的特性

• 多形态复用数据：所有视图基于同一报表数据源、筛选规则、计算列配置，修改底层数据后，所有视图自动同步更新；
• 快速切换无成本：配置完成后，可在报表顶部一键切换不同视图，无需重新设计；
• 适配不同展示场景：从基础表格、富文本，到日历、卡片、图表，覆盖数据展示、时间维度、可视化分析等多场景需求；
• 依赖分组能力：部分高级视图（如图表、小计结果）需先启用数据分组，这是实现数据聚合可视化的前提。

报表核心视图类型与配置要点

Decisions报表的视图类型分为基础展示视图和聚合分析视图，前者侧重数据的个性化展示，后者侧重数据的汇总与可视化分析，以下为日常业务中最常用的视图类型，覆盖绝大多数展示需求。

（一）基础展示视图：适配个性化数据展示

基础展示视图无需数据分组，直接基于原始行数据展示，核心用于优化表格展示形式，提升数据阅读体验。

Rich Text View（富文本视图）
– 核心作用：自定义报表每一行数据的展示格式、样式，支持拖拽调用所有数据字段（含计算列），实现非表格化的个性化展示；
– 配置要点：点击「Views」→【Add】→选择富文本视图，在编辑面板中拖拽字段并设置排版、样式，可添加文本、分隔符等元素；
– 适用场景：用户信息卡片、订单详情展示等需要个性化排版的场景。

Calendar View（日历视图）
– 核心作用：基于报表中的日期时间字段，将数据记录按日期展示在日历中，直观体现数据的时间分布特征；
– 配置要点：选择日历视图后，指定关联的日期时间字段，系统自动将行数据映射到对应日期；
– 适用场景：待办任务跟踪、订单创建时间分布等时间维度的展示。

Tiles View（卡片视图）
– 核心作用：将每一行数据以独立卡片形式展示，支持自定义卡片样式与展示字段；
– 配置要点：选择卡片视图后，配置展示字段、排版布局、卡片样式；
– 适用场景：数据概览仪表板、产品信息展示、客户资料卡片等。

聚合分析视图：适配数据汇总与可视化

聚合分析视图是报表可视化的核心，必须先启用数据分组才能配置，系统会基于分组字段对数据进行聚合计算，实现汇总统计与可视化，核心包括小计结果和图表视图两大类。

Subtotal Results（小计结果）
– 核心作用：对分组后的数据集进行聚合计算，展示计数、求和、平均值等核心指标；
– 支持的聚合类型：Count、Sum、Average、Min、Max、Median；
– 配置要点：在数据字段中启用目标字段的「Can Group」并完成分组，点击「Views」→【Add】→选择小计结果；
– 复用性：小计结果可直接作为页面卡片数据或图表数据源。

图表视图配置：实现数据的可视化分析

图表视图是Decisions报表可视化的核心能力，基于数据分组+小计结果，将聚合后的数据以柱状图、饼图等形式展示，直观体现数据的对比、占比、趋势等规律，是仪表板中最常用的可视化组件。

1. 图表创建的前提

必须先对报表数据进行分组，这是图表配置的必要条件，无分组则图表选项不可见。分组是图表识别数据维度的依据，支持单字段分组和多字段嵌套分组。

报表内图表配置全流程

报表内的图表配置全程可视化，仅需按步骤完成类型选择→基础配置→样式优化，即可生成符合需求的图表：

• 步骤1：启用数据分组 – 在「Data Fields」中勾选目标字段的「Can Group」，点击分组按钮完成分组（如按「User Type」分组）；
• 步骤2：选择图表类型 – 点击「Views」→【Add】，选择柱状图、饼图、折线图或散点图等；
• 步骤3：完成图表基础配置 – 配置图表标题、数据映射（X/Y轴对应分组与聚合字段）、图例样式；
• 步骤4：优化图表样式与交互 – 自定义系列颜色、坐标轴、数据提示及下钻能力；
• 步骤5：保存并切换视图 – 配置完成后可在数据视图、小计结果、图表视图间一键切换，数据实时同步。

图表配置的实用技巧

• 多分组适配复杂维度：支持多字段嵌套分组，实现多维度图表分析；
• 样式统一提升仪表板体验：保持标题样式、系列颜色、坐标轴格式一致；
• 按需选择图表类型：占比分析用饼图，趋势用折线图，对比用柱状图；
• 实时同步数据：底层数据变化，图表自动更新，无需重新配置。

报表可视化内容的页面嵌入：实现仪表板落地

完成报表内的可视化配置后，核心需求是将报表的表格、图表、小计结果等内容嵌入到Decisions的页面/仪表板中。Decisions提供了两种核心嵌入方式，适配不同业务场景。

嵌入前的准备工作

• 确保报表已完成分组、筛选、可视化（图表/小计结果）配置且测试正常；
• 进入Decisions的Page Designer（页面设计器），新建或打开目标页面；
• 确认页面设计器拥有对应报表的访问权限。

方式1：使用页面设计器图表控件（推荐）

这是最常用、灵活性最高的嵌入方式，在页面设计器中直接拖拽原生图表控件，将报表分组与聚合数据作为数据源。

操作步骤：

1. 打开页面设计器，从控件库拖拽目标图表控件（如Pie Chart）到画布；
2. 选中图表控件，在属性面板中选择已配置好的报表；
3. 关联报表的分组字段和聚合字段，系统自动加载数据生成图表；
4. 优化图表样式、交互、尺寸；
5. 保存页面并预览测试。

核心优势：高灵活性（运行时动态修改图表类型/维度）、强交互性（下钻/筛选/数据提示）、样式高度可定制、多组件联动。

适用场景：需要终端用户自主交互、深入分析的仪表板，如企业经营分析、运营监控面板等。

方式2：使用报表查看器控件（Report Viewer）

简洁快速的嵌入方式，直接嵌入整个报表并将视图模式切换为仅展示图表/小计结果。

操作步骤：

1. 在页面设计器拖拽「Report Viewer」控件到画布；
2. 选择已配置好的报表；
3. 切换到图表视图/小计结果视图，并隐藏配置栏和视图切换栏；
4. 调整控件尺寸，保存页面。

核心特点：配置快速，所见即所得，运行时无法修改图表类型，操作简洁，适合批量嵌入静态展示。

适用场景：静态展示数据可视化结果（公司公告栏、固定指标监控面板）。

两种嵌入方式的核心对比

报表可视化与落地的核心避坑指南

• 忘记启用数据分组：图表、小计结果必须基于分组，未分组则图表选项不可见，最常见新手错误；
• 图表类型选择不当：根据分析需求选对图表（占比用饼图，趋势用折线图，对比用柱状图）；
• 嵌入后数据无法加载：检查权限，确保页面设计器拥有报表访问权限且数据源配置正常；
• 运行时交互失效：使用图表控件嵌入时需在属性面板开启交互配置，确保关联字段数据类型正确；
• 仪表板布局混乱：统一规划布局，设置合理组件尺寸间距，提升用户体验；
• 未考虑数据实时性：若报表数据量过大，可配置数据缓存，避免页面加载缓慢。

总结

Decisions报表作为平台核心的数据可视化组件，凭借可视化配置、灵活扩展、高度集成的特性，无需编写代码即可实现从数据提取、加工、过滤到可视化展示、仪表板落地的全流程操作，适配业务人员和开发人员的不同需求。

从基础的表格配置，到进阶的计算列与筛选器，再到最终的可视化与页面嵌入，Decisions报表的所有功能都围绕贴合业务、高效实用设计，核心在于掌握数据分组、数据聚合和组件联动三个关键能力，就能灵活应对绝大多数业务场景的报表需求。

本系列文章已覆盖Decisions报表的核心配置与使用技巧，后续可在实际业务中不断探索进阶功能（如图表下钻、多报表联动、数据导出），让报表更好地服务于业务决策。