所有收藏
入门指南
4 自定义页面使用数据分析控件
4 自定义页面使用数据分析控件
一周前更新

理解自定义页面

作为应用用户,当您通过使用多个数据列表和表单收集了足够多的数据时,您可以使用数据分析控件来获取信息。现在,收集大量数据并生成报告的主要原因是想测量,监控和管理这些信息,以改进和优化各种业务流程。

易企办中的自定义页面可帮助您实现这一目标。使用自定义页面,您可以从收集到的数据中汇总和提取内容,将它们转换成可管理的可视化信息。在自定义页面中,您可以通过设置数据来源,查看任何应用的数据概览。

自定义页面的特点是它的视觉直观性。在页面的各种视图中放置信息,例如图片、按钮、面板、窗口、表单、嵌入式链接等,您可以创建自定义页面来展示从各种渠道收集的数据。

例如,在订单管理应用中,可用于创建自定义页面,该自定义页面显示:

  • 客户记分卡

  • 利润指标

  • 热门订单

  • 客户付款趋势

  • 区域销售业绩

  • 订单积压

在自定义页面中,您可以使用易企办帐户中来自任何应用的数据。例如,来自“订单管理”应用的交货反馈调查可以记录在“员工管理”应用中,这种跨应用交互有助于协作来自不同应用的数据。

不同的用户查看自定义页面,自定义页面上显示的数据会有所不同。不同类型的用户会随时查找不同类型的信息,应用不一定需要有一个包含全部信息的自定义页面,而是需要有不同的自定义页面,仅包含单个项目的相关信息,以满足特定受众的需求。

例如,货件配送代理项目不需要包含区域销售业绩趋势或最热门订单的报表,在页面上显示这些信息是不相关的。事实上,页面如果包含订单积压计数,重新订购项目报告等信息,则是有必要的。

了解之后,我们需要弄清楚哪个控件以最有效的方式展示了信息,数据可视化在提供关键信息方面发挥着关键作用。因此,选择要添加到自定义页面的正确控件是非常重要的。


执行操作:使用自定义页面生成指标报表

跟进我们的项目管理应用的创建。在此阶段,我们将演示如何创建自定义页面,并以出色的设计呈现数据。


步骤 1:创建新的自定义页面

首先,让我们在易企办首页中打开项目管理应用。从顶部导航菜单栏中,点击 "+"按钮,在弹出的 "新建组件 "窗口中,点击“自定义页面”按钮:

设置新建页面的名称为 "报表",并点击 "确定 "按钮,创建一个新的自定义页面。

页面创建完成后,点击中间的"编辑页面 "按钮,打开设计器。


第2步:在设计器中添加一个区域控件

首先,找到并拖动区域控件到右侧画布上。选择这个控件,在左边的设置面板中,进入 "布局->布局"。从高度的下拉选项中选择最小高度,并将最小高度设置为200px。

然后点击样式设置,选择背景栏,在背景类型的设置项中选择填充,在颜色选项中设置背景颜色为#FFE4B6。在下面的图像选项中,点击上传一张图片作为该控件的背景。然后,在位置的下拉选项中选择居中靠右,重复选项选择不重复,尺寸选择包含。

接下来,点击高级设置,在高级栏下,将内边距设置为20px。

点击设计器左上方的 "+"按钮,打开添加控件面板。点击并拖动 "标题 "控件到区域控件里。将标题的文本设置为 "项目报表",并将尺寸设置为XL。

点击并拖动另一个 "标题 "控件,添加到上一个标题控件下方。设置标题文本如下:

"提供项目的整体状态或项目进展或绩效的具体内容,包含项目及任务执行光管的数据分析。"

将此标题控件的尺寸设置为小的。然后点击高级设置,在高级栏下,将内边距设置为20px。展开背景栏,点击背景类型的填充按钮,在颜色选项中设置背景颜色为白色(FFFFFF),并将透明度改为80。

最后点击设计器右上方的提交按钮,保存所有设置。


第三步:添加数据分析控件

击并拖动一个新的区域控件到画布上,再添加一个标题控件到区域控件里。将标题文本设置为 "数据分析",尺寸设置为 "中等"。

点击高级设置,在高级栏下,将内边距设置为10px。然后在背景栏下,点击背景类型的填充按钮,设置控件的背景颜色#F4F4F4。展开边框栏,将边框类型设置为实线,宽度的底部参数设置为2px。

接下来,在区域控件的下方再添加一个区域控件。选中新添加的区域控件,在控件的左上方点击更多设置,在弹出的下拉选项中,点击 "+添加列"按钮,将控件设置为三列。

添加和配置饼图

打开控件面板,找到数据分析选项栏,点击并拖动饼图控件,放到右侧区域控件的第一列内。打开设置面板。在 "内容->数据源 "中,从列表下拉列表中选择项目。

然后点击展开图表分组,在类别的下拉列表中选择类别,值的下拉列表中选择标识。

接下来,展开设置分组。打开标题选项的显示按钮,并将图表标题设置为 "项目统计(按类别分类)",标题位置选择 "图表之前"。

点击样式设置,点击标题栏,点击排版选项的编辑按钮,将字体尺寸改为20px。然后,将标题的外边距底部参数设置为20px。

点击 "提交 "按钮,生成饼图。

添加和配置柱状图

打开控件面板,在数据分析选项栏下,点击并拖动柱状图控件到右侧区域控件的第二列。

点击选择这个柱状图控件,打开设置面板。在 "内容->数据源 "中,从列表的下拉列表中选择项目。

然后,点击图表栏,从X轴(类别)的下拉列表中选择负责人,并从Y轴(值)的下拉列表中选择标识。

展开设置分组,打开标题的显示按钮,并将图表标题设置为 "项目统计(按负责人分类)",标题位置选择 "图表之前"。

点击样式设置,点击标题栏,设置标题的尺寸为20px,外边距的底部参数设置为20px。

点击 "提交 "按钮,生成柱状图。

添加和配置折线图

在数据分析选项栏下,点击并拖动折线图控件到区域控件第三列。

选择这个折线图控件,打开设置面板。在 "内容->数据源 "中,从列表的下拉列表中选择项目。

然后,展开图表栏,X轴(类别)的下拉列表中选择开始日期,第二个下拉列表选择月。Y轴(值)的下拉列表中选择标识。

展开设置分组,打开标题的显示按钮,并将图表标题设置为 "项目月度趋势",标题位置选择 "图表之前"。

接下来点击样式设置,点击标题栏,设置标题的尺寸为20px,外边距的底部参数设置为20px。

最后点击 "提交 "按钮,生成折线图。

保存成功后,点击设计器右上方的 "关闭 "按钮,退出页面设计器。


第四步:访问自定义页面

自定义页面设置完成后,你可以在 "项目管理 "应用中通过点击顶部菜单中的 "报表 "查看该页面。

如果需要修改自定义页面内容,可以点击页面右上方的 "编辑页面 "按钮,打开设计器进行修改。

这是否解答了您的问题?