八、报表管理

1. 简介

1.1. 功能简介

  • 将表单、数据仓库、Excel文件中的数据通过报表来进行查看、分析和处理。
  • 报表中提供了多种样式的图表,可以通过明细表、数据透视表等查看表单数据的明细和汇总;通过柱形、折线、条形等对数据进行处理,显示出数据的发展趋势、分类对比等结果;通过饼图体现数据中每个部分的比例。

1.2. 应用场景

需要将员工提交的数据做一个汇总进行查看,就可以在应用中创建一个报表,然后使用报表设计器里面的组件进行数据分析、汇总、查询等。

2. 创建报表

2.1. 从应用菜单创建

路径:打开应用 >> 点击【创建功能】 >> 选择【创建报表】并填写报表名称。

1)开始创建

descript

2)填写报表名称

descript

2.2. 从应用列表创建

路径:打开设置管理 >> 后台管理 >> 应用管理 >> 应用列表 >> 选择应用 >> 点击【创建】按钮 >> 选择【创建报表】并填写报表名称

descript

3. 设计报表

3.1. 报表的基本设置

3.1.1. 添加图表组件

创建报表后会自动跳转到报表设计页面,在左侧组件库可选取所需的图表组件。目前支持「饼图」、「条形图」、「柱形图」、「折线图」。易搭云报表会持续的补充图表组件,满足更多业务场景。

descript

3.1.2. 选择数据集

选取组件后,系统会自动弹出「选择数据集」的对话框,你可以选择当前工作区有查看权限的表单作为图表组件的数据来源。目前数据集类型仅支持「表单数据」,后续会支持「聚合表」、「数据仓库」、「Excel文件」。

descript

3.1.3. 配置图表组件

选取数据集后,点击【确定】按钮即可进入图表组件配置页面,通用配置如下:

1)设置组件标题:默认为「未命名图表」,点击右上角的【编辑】按钮可以修改图表组件标题。如果不想要显示组件标题,也可以在「图表样式」中关闭「显示标题」。

descript

2)更改数据集:点击【更改】按钮可重新选择当前图表组件的数据源,更改后会清空当前页面的所有配置。

descript

3)设置维度:即数据分类统计的依据。

  • 添加方式:从左侧的字段列表选取字段并拖入到维度处。
  • 可选择的字段组件:文本类型控件(包括文本、单选、多选、关联数据、人员选择、部门选择等)、日期、数字、开关。
  • 不可选择的字段组件:布局组件(包括页签、容器、文本描述等)、表体、附件、图片、富文本。
  • 维度字段的排序:直接拖动字段可进行排序。

descript

  • 设置维度字段
    • 点击维度字段右侧的下拉标识,会出现「重命名」(可以修改原有的字段名称)、「移除」(删除维度字段)。
    • 当维度(X轴)选择了日期类型的字段时,可设置日期的统计颗粒度(年、季度、月、周、天),按设置粒度作为X轴的分类。

descript

4)设置指标:即统计的数值。

  • 添加方式:从左侧的字段列表选取字段并拖入到指标处。
  • 指标字段的排序:直接拖动字段可进行排序。
  • 设置指标字段
    • 针对添加的指标可以对其进行重命名、删除、汇总方式的设置。
    • 如果选择的是数字类型字段,可对此数字类型字段的数据进行求和、平均值、最大值、最小值、计数、去重计数;如果选择的是非数字类型字段,则只能进行计数、去重计数。

descript

5)设置过滤条件:即设置图表组件需要统计的数据范围。支持复杂筛选条件。

descript

6)图表类型:支持任意切换图表类型,切换后会自动携带原图表组件配置的第 1 个维度字段和第 1 个指标字段到目标图表组件。

7)组件样式

  • 显示标题:控制图表组件是否显示组件标题,默认开启。
  • 坐标X轴:默认开启,关闭后X轴不显示任何信息。可以控制X轴是否需要显示标签、标签文字的显示方式、是否需要显示标题。

descript

  • 坐标Y轴:默认开启,关闭后Y轴不显示任何信息。可以控制Y轴是否需要显示刻度、显示标题。

descript

  • 图例:管理员可以根据自己的喜好,来选择图例的显示位置,默认为显示在顶部。

descript

  • 数据标签:设置要展示的数据标签内容。

descript

8)配色方案

我们目前提供了 4 套配色方案,管理员可以根据自己的喜好选择预置的配色方案。后续我们会放开限制,让你可以随心所欲的定义每个维度的显示颜色。

descript

9)调整图表大小和显示位置

  • 图表大小:图表组件的 4 个边框均有显示调整大小标识,点击标识后拖动鼠标即可调整图表大小。

descript

  • 位置调整:选中图表组件后,拖动鼠标可将图表组件拖放到目标位置。

descript

10)复制/删除图表组件

在用报表进行数据分析的时候,通常需要对一个数据表进行多个维度的统计分析,这时通常会用多个图表来做,而图表间的差异往往只是个别处有差异,那么通过复制图表稍作修改,可以大大节省操作步骤,提高操作效率。在不需要该图表的时候还可以进行图表删除。

descript

3.1.4. 保存和发布报表

当上面所有步骤完成后,回到报表设计页面,先保存报表,再将报表到工作台。如下图所示:

descript

3.1.5. 期望效果

descript

3.2. 图表组件

目前提供 4 种图表组件:「柱形图」、「条形图」、「折线图」、「折线图」。

组件名称用途
柱形图柱形图是用宽度相同的柱子的高度或长短来表示数据多少的图形。
条形图条形图是柱形图的横向展示方式,用若干个细长的横条长度来表达各类数量大小的图形。
折线图折线图用于显示数据在一个连续的时间间隔或者时间跨度上的变化,它的特点是反映事物随时间或有序类别而变化的趋势。
饼图饼图是以扇形区域大小表示每一个数值相对于总数值的占比。

3.2.1. 柱形图

1)利用柱形统计图,可以直观地表示数据量的大小并进行比较,可以比较明显地显示出各数据之间的比例差异。

2)使用垂直或水平的柱子显示类别之间的数值比较。其中一个轴表示需要对比的分类维度,另一个轴代表相应的数值。

3)柱形图目前共有以下 3 种类型:

  • 分组柱形图
  • 堆积柱形图
  • 百分比堆积柱形图

不同的柱形图使用要求如下:

柱形图类型基本要求
维度指标
分组柱形图1 个≥1 个
2 个1 个
堆积柱形图1 个≥2 个
百分比堆积柱形图1 个≥2 个
3.2.1.1. 分组柱形图

1)图表简介

分组柱形图是使用宽度相同的柱形的高度或长短来表示数据多少的图形。其中一个轴表示需要对比的分类维度,另一个轴代表相应的数值。

2)使用场景

利用分组柱形图,可以直观地表示数据量的大小并进行比较,可以比较明显地显示出各分类维度之间的比例差异。

3)基本要求

分组柱形图的基本要求如下:

维度指标
1 个≥1 个
2 个1 个

4)下面我们通过案例来介绍下如何制作分组柱形图

案例:在绩效管理应用中,统计本年度每个人员各季度的考核情况。

  • 选择数据集:数据集选择表单——绩效评分
  • 维度(X轴):「考核人员名称」、「考核周期」
  • 指标(Y轴):「核定总分」
  • 过滤条件:考核周期 = 「本年」。

操作步骤

1、添加柱形图

在报表设计页面左侧的组件库中选中「柱形图」,在选择数据集弹窗中选取「绩效评分」作为数据源,如下图所示:

descript

2、设置柱形图的名称、图形类型=分组柱形图,如下图所示:

descript

3、添加维度和指标

从左侧的字段列表中,依次选择「考核人员名称」、「考核周期」拖入到维度栏中,再选择「核定总分」拖入到指标栏中,并将考核周期的分组维度修改为「年-季度」,如下图所示:

descript

4、设置过滤条件

点击【+添加条件】,在筛选配置弹窗中添加筛选条件,考核周期为本年,如下图所示:

descript

5、设置图表组件样式

  • X轴的标签文字的显示方式为「左倾斜显示」,并且不显示标题。
  • 图例显示在图表右侧。
  • 显示数据标签,并且选择配色方案。

descript

3.2.1.2. 堆积柱形图

1)图表简介

堆积柱形图将每根柱子进行分割,可以显示大类目下的细分类目占比情况。它既可以直观地看出每个指标的值,还能够反映出维度总和。

2)使用场景

利用堆积柱形图,可以直观地表示局部与整体的成分关系。

3)基本要求

堆积柱形图的基本要求如下:

维度指标
1 个≥2 个
2 个1 个

4)下面我们通过案例来介绍下如何制作堆积柱形图

案例:在绩效管理应用中,统计考核周期中各个成员的考核指标得分情况。

  • 选择数据集:数据集选择表单——绩效评分
  • 维度(X轴):「考核人员名称」
  • 指标(Y轴):「工作态度得分」、「工作能力得分」、「工作业绩得分」
  • 过滤条件:状态为「已确认」

操作步骤

1、添加柱形图

在报表设计页面左侧的组件库中选中「柱形图」,在选择数据集弹窗中选取「绩效评分」作为数据源,如下图所示:

descript

2、设置柱形图的名称、图形类型=堆积柱形图,如下图所示:

descript

3、添加维度和指标

从左侧的字段列表中,选择「考核人员名称」字段拖入到维度栏中,依次选择「工作态度得分」、「工作能力得分」、「工作业绩得分」字段拖入到指标栏中,如下图所示:

descript

4、设置过滤条件

点击【+添加条件】,在筛选配置弹窗中添加筛选条件——「状态 = 已确认」。

descript

5、设置图表组件样式

Y轴不显示标题,图例显示在右侧,如下图所示:

descript

3.2.1.3. 百分比堆积柱形图

1)图表简介

百分比堆积柱形图表示分类的各系列值占该分类总值的百分比,每一根柱子的总和都是 100%。

2)使用场景

适用于不同分类下各系列之间的占比。

3)基本要求

百分比堆积柱形图的基本要求如下:

维度指标
1 个≥2 个
2 个1 个

4)下面我们通过案例来介绍下如何制作百分比堆积柱形图

案例:在绩效管理应用中,统计考核周期中各个成员的每个考核指标的得分占比。

  • 选择数据集:数据集选择表单——绩效评分
  • 维度(X轴):「考核人员名称」
  • 指标(Y轴):「工作态度得分」、「工作能力得分」、「工作业绩得分」
  • 过滤条件:状态为「已确认」

操作步骤

1、添加柱形图

在报表设计页面左侧的组件库中选中「柱形图」,在选择数据集弹窗中选取「绩效评分」作为数据源,如下图所示:

descript

2、设置柱形图的名称、图形类型=百分比堆积柱形图,如下图所示:

descript

3、添加维度和指标

从左侧的字段列表中,选择「考核人员名称」字段拖入到维度栏中,依次选择「工作态度得分」、「工作能力得分」、「工作业绩得分」字段拖入到指标栏中,如下图所示:

descript

4、设置过滤条件

点击【+添加条件】,在筛选配置弹窗中添加筛选条件——「状态 = 已确认」。

descript

5、设置图表组件样式

Y轴不显示标题,显示数据标签,如下图所示:

descript

3.2.2. 条形图

1)条形图是柱形图的横向展示方式,用若干个细长的横条长度来表达各类数量大小的图形。

2)利用条形图可显示各个维度之间的比较情况,例如展示某个部门不同人员的绩效评分,某个研发项目不同研发人员每个版本的工作量等

3)条形图目前共有以下 3 种类型:

  • 分组条形图
  • 堆积条形图
  • 百分比堆积条形图

不同的条形图使用要求如下:

柱形图类型基本要求
维度指标
分组条形图1 个≥1 个
2 个1 个
堆积条形图1 个≥2 个
百分比堆积条形图1 个≥2 个
3.2.2.1. 分组条形图

1)图表简介

分组条形图是使用宽度相同且横向显示的柱形的长短来表示数据多少的图形。其中一个轴表示需要对比的分类维度,另一个轴代表相应的数值。

2)使用场景

和柱形图一样,利用分组条形图,可以直观地表示数据量的大小并进行比较,可以比较明显地显示出各分类维度之间的比例差异。

3)基本要求

分组条形图的基本要求如下:

维度指标
1 个≥1 个
2 个1 个

4)下面我们通过案例来介绍下如何制作分组柱形图

案例:在绩效管理应用中,利用条形图实现某个部门员工绩效得分排行。

  • 选择数据集:数据集选择表单——绩效评分
  • 维度(X轴):「考核人员名称」
  • 指标(Y轴):「核定总分」
  • 过滤条件:考核周期为「本季度」。

操作步骤

1、添加条形图

在报表设计页面左侧的组件库中选中「条形图」,在选择数据集弹窗中选取「绩效评分」作为数据源,如下图所示:

descript

2、设置条形图的名称、图形类型=分组条形图,如下图所示:

descript

3、添加维度和指标

从左侧的字段列表中,选择「考核人员名称」拖入到维度栏中,再选择「核定总分」拖入到指标栏中,如下图所示:

descript

4、设置过滤条件

点击【+添加条件】,在筛选配置弹窗中添加筛选条件,如下图所示:

descript

5、设置图表组件样式

  • Y轴不显示标题
  • 显示数据标签
  • 选择配色方案

descript

3.2.1.2. 堆积条形图

1)图表简介

堆积条形图也就是横向展示的堆积柱形图。

2)使用场景

不仅仅可以直观的看出每个系列的值,还能够反映出系列的总和,尤其是当需要看某一单位的综合以及各系列值的比重时,最适合使用堆积条形图。

3)基本要求

堆积条形图的基本要求如下:

维度指标
1 个≥2 个
2 个1 个

4)下面我们通过案例来介绍下如何制作堆积条形图

案例:在绩效管理应用中,统计当前季度各个成员的考核指标得分情况。

  • 选择数据集:数据集选择表单——绩效评分
  • 维度(X轴):「考核人员名称」
  • 指标(Y轴):「工作态度得分」、「工作能力得分」、「工作业绩得分」
  • 过滤条件:考核周期 =「本季度」

操作步骤

1、添加条形图

在报表设计页面左侧的组件库中选中「条形图」,在选择数据集弹窗中选取「绩效评分」作为数据源,如下图所示:

descript

2、设置条形图的名称、图形类型=堆积条形图,如下图所示:

descript

3、添加维度和指标

从左侧的字段列表中,选择「考核人员名称」字段拖入到维度栏中,依次选择「工作态度得分」、「工作能力得分」、「工作业绩得分」字段拖入到指标栏中,如下图所示:

descript

4、设置过滤条件

点击【+添加条件】,在筛选配置弹窗中添加筛选条件,如下图所示:

descript

5、设置图表组件样式

Y轴不显示标题,显示数据标签,如下图所示:

descript

3.2.1.3. 百分比堆积条形图

1)图表简介

百分比堆积条形图表示分类的各系列值占该分类总值的百分比,每一根柱子的总和都是 100%。百分比堆积条形图只展示比例信息,不展示具体的数值。

2)使用场景

如果想看横向各个维度的整体占比,就可选用百分比堆积条形图。

3)基本要求

百分比堆积条形图的基本要求如下:

维度指标
1 个≥2 个
2 个1 个

4)下面我们通过案例来介绍下如何制作百分比堆积条形图

案例:在绩效管理应用中,统计本季度每个成员三大考核指标得分各自的整体占比。

  • 选择数据集:数据集选择表单——绩效评分
  • 维度(X轴):「考核人员名称」
  • 指标(Y轴):「工作态度得分」、「工作能力得分」、「工作业绩得分」
  • 过滤条件:考核周期 =「本季度」

操作步骤

1、添加条形图

在报表设计页面左侧的组件库中选中「条形图」,在选择数据集弹窗中选取「绩效评分」作为数据源,如下图所示:

descript

2、设置条形图的名称、图形类型=百分比堆积条形图,如下图所示:

descript

3、添加维度和指标

从左侧的字段列表中,选择「考核人员名称」字段拖入到维度栏中,依次选择「工作态度得分」、「工作能力得分」、「工作业绩得分」字段拖入到指标栏中,如下图所示:

descript

4、设置过滤条件

点击【+添加条件】,在筛选配置弹窗中添加筛选条件,如下图所示:

descript

5、设置图表组件样式

Y轴不显示标题,显示数据标签,选择配色方案,如下图所示:

descript

3.2.3. 折线图

1)折线图用于显示数据在一个连续的时间间隔或者时间跨度上的变化,它的特点是反映事物随时间或有序类别而变化的趋势。

2)在折线图中,一般水平轴(X轴)用来表示时间的推移,并且间隔相同;而垂直轴(Y轴)代表不同时刻的数据的大小。例如展示某个部门每个人员每季度绩效评分变化。

3)一个折线图的构成包括:

● 横轴:表示时间

● 纵轴:表示数值

● 点:表示各个数据的位置

● 线:连接各个数据点

4)基本要求:

要实现折线图的效果,若添加 1 个维度,则需要添加 1 个或多个指标;若添加 2 个维度,则只能添加 1 指标。

维度指标
1 个≥1 个
2 个1 个

5)下面我们通过案例来介绍下如何制作折线图

案例:在绩效管理应用中,利用折线图统计某个部门每个人员每季度绩效评分变化。

  • 选择数据集:数据集选择表单——绩效评分
  • 维度(X轴):「考核周期」、「考核人员名称」
  • 指标(Y轴):「核定总分」
  • 过滤条件:考核周期为「本年」。

操作步骤

1、添加折线图

在报表设计页面左侧的组件库中选中「折线图」,在选择数据集弹窗中选取「绩效评分」作为数据源,如下图所示:

descript

2、设置条形图的名称,如下图所示:

descript

3、添加维度和指标

从左侧的字段列表中,依次选择「考核周期」、「考核人员名称」字段拖入到维度栏中,选择「核定总分」字段拖入到指标栏中,并将考核周期的日期分组维度修改为「年-季度」,如下图所示:

descript

4、设置过滤条件

点击【+添加条件】,在筛选配置弹窗中添加筛选条件,如下图所示:

descript

5、设置图表组件样式

descript

3.2.4. 饼图

1)饼图是以扇形区域大小表示每一个数值相对于总数值的占比。

2)如果需要查看某个部门的绩效评级的数据占比情况,就可以使用饼图来呈现了。

3)基本要求:

只能添加 1 个维度,1 个指标。

维度指标
1 个1 个

5)下面我们通过案例来介绍下如何制作折线图

案例:在绩效管理应用中,统计某个部门的绩效评级的数据占比情况。

  • 选择数据集:数据集选择表单——绩效评分
  • 维度(X轴):「评级名称」
  • 指标(Y轴):「编号」
  • 过滤条件:考核周期为「本年」。

操作步骤

1、添加饼图

在报表设计页面左侧的组件库中选中「饼图」,在选择数据集弹窗中选取「绩效评分」作为数据源,如下图所示:

descript

2、设置饼图的名称,选择饼图类型,支持「饼形」和「环形」,如下图所示:

descript

3、添加维度和指标

从左侧的字段列表中,选择「评级名称」字段拖入到维度栏中,选择「编号」字段拖入到指标栏中,如下图所示:

注意:用「编号」做指标可以统计各个评级的记录条数。

descript

4、设置过滤条件

点击【+添加条件】,在筛选配置弹窗中添加筛选条件,如下图所示:

descript

5、设置图表组件样式

饼图类型切换为「环形」,并且选择是否需要显示数据标签。

descript

Last Updated:
Contributors: xiaoyi, huangyongqing