# 斜线文字分类展示商场停车信息

来源快照：`result_data_new_260518.json`

- 来源 ID：`1969934502114776076`
- 模块：低代码平台e-builder
- 目录：专题学习 - 场景专题 - 报表专题
- space ID：`1157961794811633670`
- 原文链接：未提供
- 产品基线：未提供

## 正文

**1.  ****场景说明  **

报表作为低代码平台中一项重要的功能，其可以将数据信息以各式各样的效果呈现，从而提高数据的可视化程度，帮助用户快速获取各类信息。如在商场管理中，每日的停车信息会记录在表单当中，当我们通过表单视图台账查看时，会很难获取各类关键信息。因此我们可以搭建报表，利用报表的斜线文字多维度分类展示商场停车信息：

表格视图台账与报表斜线文字展示效果区别如下：

![](https://weapp.eteams.cn/papi/file/preview?fileId=1157706106972635165&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

** **

**2.  ****功能简介**  

上述场景就是通过报表的【斜线文字】与【父格设置】实现的，我们利用表单记录商场每日的停车信息，之后创建报表，选择该表单作为数据源。将日期、停车场、车次费用作为三个维度，利用单元格斜线文字区分，并在报表搭建过程中对单元格字段的父格进行设置，从而完成上述效果。

** **

**3.  ****操作说明**  

**1.****新建停车统计报表，获取表单数据集**

如下图所示， 新建停车统计报表，选择表单-商场停车信息作为数据集:

![](https://weapp.eteams.cn/papi/file/preview?fileId=1157706106803978294&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

对于所选择的数据集，我们可以进行数据的二次加工，例如在本场景中，我们想要只展示近三个月的停车信息，那么可以进行数据集“筛选条件”的设置：

![](https://weapp.eteams.cn/papi/file/preview?fileId=1157706106972635211&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

**2.****填写自定义文本，构建基础架构**

在拖入表单字段之前，我们需要使用一些自定义文本来构建报表的基础架构。如下图所示，我们合并B2、C2单元格，在右侧操作栏-转换中，将字段选择为斜线文字，用户可以点击图标查看斜线文字相关介绍：

![](https://weapp.eteams.cn/papi/file/preview?fileId=1157706111249940492&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

之后可以在该单元格内填写自定义文本，本场景中，我们需要三个维度，各维度之间用英文分号隔开，即“日期;停车场;车次费用”，设置完成后自动转换成斜线文字效果：

![](https://weapp.eteams.cn/papi/file/preview?fileId=1157706115450691647&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

之后在B3-B7依次填入自定义文本，记录各种类型的车次数量，以及收费金额。父格设置为无，并设置不扩展：

![](https://weapp.eteams.cn/papi/file/preview?fileId=1157706115478683789&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

**3.****拖入表单字段，设置父格与扩展方向**

在D2放入“记录日期”字段，父格设置为无，横向扩展；因为在本场景中，每个停车场都需要展示对应的车次、金额信息，因此C3-C7字段每个单元格重复放入“停车场”字段，父格设置为无，纵向扩展。注意：如下图所示，报表支持选择多个单元格，批量设置父格与扩展方向：

![](https://weapp.eteams.cn/papi/file/preview?fileId=1157706128288088112&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

之后在D3-D7依次放入表单中对应的入车数量、出车数量等字段，字段左父格设置为默认值，上父格需要跟着记录日期字段变化，设置为D2,方向为横向扩展：

![](https://weapp.eteams.cn/papi/file/preview?fileId=1157706132649279496&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

**4.****修改报表样式，完成报表搭建**

报表主体内容搭建完成后，可以对报表的样式做一些修改，例如单元格的背景颜色、字体大小、间距等；若数据较多，可以设置冻结行/列；此外还可以以日期等字段设置查询条件，最后展示效果如下：

![](https://weapp.eteams.cn/papi/file/preview?fileId=1157706132764778529&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)
