页面组件-进度条

1、进度条是什么?

进度条组件通常用来显示一个任务或过程的完成程度。通过一个条形图来表示,条形图的长度随着任务的进展而增加,直到任务完成时达到最大长度。

效果如下图:

img

此外,样式也可以自定义:

img

2、配置组件

2.1 添加组件

先来添加一个进度条组件。

光标放到页面上会出现如下“+”按钮,点击可弹出组件库。

选择统计分类后,在右侧选择“进度条”,点击即可添加。

img

2.2 配置组件

组件添加成功后,立即出现右侧内容编辑栏,按照如图步骤设置即可

若添加设置完成后想要修改设置,可将鼠标放到组件上,点击左上角显示的按钮,在菜单中选择“内容”即可唤出编辑菜单。

进度条需逐个添加,每个进度条均需按右图步骤配置。

img

这里为大家介绍一下配置步骤详细选项:

组件名称:在这里输入文本为组件命名,若不想显示名称,可将右侧按钮关闭。

布局:点击左侧弹出布局库,选择自己想要的布局样式。

进度条:点击“添加”新增进度条,右侧打开进度条设置页。如编辑已创建的进度条,可点击该项右侧的“>”图标,即可唤出编辑页。

进度条名称:在这里输入文本为进度条命名。

数据显示方式:设置进度条数据的显示方式,有三种类型可选。

若显示方式选择“取完成值和目标值直接显示”或“取完成值和目标值显示为百分比”,则需要设置完成值和目标值;若选择“取百分比显示为百分比”,则仅需设置统计设置和权限设置。

完成值设置:设置已完成的数据从哪里获取,及获取条件,包括:

  • 数据源:先选择数据源类型,包含延时统计、实时统计两种,区别如下:
    • 延时统计:延时统计数据来自于数据仓库,除了可以取到同步过来的表格数据,还能添加聚合表。
    • 实时统计:从原表格中获取数据,且只能取到30天内创建/修改/活跃的数据。
    • *活跃数据指数据发生创建、修改、执行快捷按钮、评论操作。
    • 选择了数据数据源类型之后再来选择表格。
    • 表格右侧是筛选条件设置,可根据需要对表格数据进一步筛选。
  • 统计设置:该进度条要统计哪个字段,可在这里设置。
    • 统计字段:选择在该完成值统计哪个字段,这里可直接对数据条数计数,也可以选择数值、金额类型字段。其他类型字段选不到。
    • 统计方式:若前面选择数据条数,则这里仅可选择计数;若前面选择的是数值、金额类型字段,这里可进行求和、求平均、求最大值、最小值。
  • 权限设置:在这里设置访问者的数据获取权限,有三种权限可选:
    • 管理员权限:访问该组件的账号,可以看到管理员权限能够看到的全部数据
    • 访问者强权限(数据源选择实时统计才出现):若在源表格表格权限设置中,访问者无权查看【完成值设置-统计设置(见步骤⑥)】中“统计字段”所选择的字段,那么他访问该组件时,组件将显示“无权查看”。
    • 访问者弱权限:若在源表格的表格权限设置中,访问者无权查看【完成值设置-统计设置(见步骤⑥)】中“统计字段”所选择的字段,但该权限下本组件允许查看该字段统计结果

目标值设置

  • 数据源:先选择数据源类型,包含延时统计、实时统计两种,区别如下:
    • 延时统计:延时统计数据来自于数据仓库,除了可以取到同步过来的表格数据,还能添加聚合表。
    • 实时统计:从原表格中获取数据,且只能取到30天内创建/修改/活跃的数据。
    • *活跃数据指数据发生创建、修改、执行快捷按钮、评论操作。
    • 选择了数据数据源类型之后再来选择表格。
    • 表格右侧是筛选条件设置,可根据需要对表格数据进一步筛选。
  • 统计设置:该进度条要统计哪个字段,可在这里设置。
    • 统计字段:选择在该目标值统计哪个字段,这里可直接对数据条数计数,也可以选择数值、金额类型字段。其他类型字段选不到。
    • 统计方式:若前面选择数据条数,则这里仅可选择计数;若前面选择的是数值、金额类型字段,这里可进行求和、求平均、求最大值、最小值。
  • 权限设置:在这里设置访问者的数据获取权限,有三种权限可选:
    • 管理员权限:访问该组件的账号,可以看到管理员权限能够看到的全部数据
    • 访问者强权限(数据源选择实时统计才出现):若在源表格表格权限设置中,访问者无权查看【目标值设置-统计设置(见步骤⑦)】中“统计字段”所选择的字段,那么他访问该组件时,组件将显示“无权查看”。
    • 访问者弱权限:在源表格的表格权限设置中,访问者无权查看【目标值设置-统计设置(见步骤⑦)】中“统计字段”所选择的字段,但该权限下本组件允许查看该字段统计结果

完成:设置好进度条后点击完成,保存设置。

2.3 设置组件样式

点击右侧“样式”标签,可按照下图步骤设置组件样式。

若右侧菜单栏隐藏了想打开:将光标放在组件上,可看到左上角按钮,点击弹出菜单,选择“样式”即可唤出样式编辑菜单。

img

2024-09-12 更新
66 次查看
0