圆环形进度条在组件设置管理模式下有三部分:全局样式设置、数据绑定、字段值映射。
1. 全局样式设置
(1)设计器右侧组件面板拖动圆环型进度条进入画布,双击组件进入“圆环型进度条设置管理”页面。
(2)在全局样式设置中,可修改组件名称,设置进度条的数值范围。标签类型包含百分比、值、无三种类型。若选择无,则进度条数值不标注;若选择百分比或值,指进度条标注信息以百分比数字或原始值展示。
- 若标签类型选择百分比,支持设置小数点后位数。
- 若标签类型选择百分比,绑定数值超过进度条数据范围:当绑定数值低于最小值时开启“低于最小值”开关,标签以负百分比显示;当绑定数值高于最大值时开启“超过最大值”开关,标签将超过100%显示。
(3)支持修改标签颜色及大小、进度条颜色、宽度以及背景颜色,进度条末端形状可选择方形或圆形,进度条前进方向可选择逆时针或顺时针。进度条长度变换所需的时间由过渡时间控制。右侧预览框可实时查看组件样式修改结果,便于用户及时调整。
2. 数据绑定
(1) 数据绑定页面中,左侧绑定类型选择“数据源绑定”,注意在绑定前需提前创建数据源(连接数据源或数据库数据源),操作详情请见数据源管理。绑定类型下侧选择数据源名称,选中数据源后可在左侧下方查看库中包含的数据信息,“标签”列为字段,“数据类型”列为字段的数据类型。
(2)支持sql语句查询指定表的数据,并在组件中显示指定行的字段数据,如图中该组件显示month字段下第5行的数据:20。
(3)组件具备数据刷新功能,确保显示的数据始终是最新的和准确的,使组件中的数据与服务器的最新更改保持同步。数据刷新方式共有三种,按键时刷新、加载时刷新、间隔刷新。
- 按键时刷新:点击刷新按钮时刷新数据,需要用户手动刷新数据,适用于用户控制何时刷新的情形。
- 加载时刷新:加载组件时刷新数据,适用于数据不具有时效性的情形。
- 间隔刷新:以指定的时间间隔刷新数据,用户可以在“刷新时间”输入秒数。该设置方式可定期自动刷新数据,适用于用户期望数据经常更新的情况。
3. 字段值映射
(1)值映射主要用于字段数据有更新变化的情形。如下图,需下拉选择字段,字段数据为某个值或处于值范围时,触发映射。值映射时可设置不同的进度条颜色和进度条背景颜色 。
(2)映射出的对象可以为文本、图标、当前值或有格式的当前值四种形式。若选择文本,可在预览框中输入映射出的文本信息;若选择图标,可在预览框中选择映射出的图标或上传新图标样式;若选择当前值或有格式的当前值,则预览框仅展示映射对象字体的颜色、大小。当前值指的是不显示小数点后位数,有格式的当前值指的是显示小数点后位数,前提条件为全局样式设置中“小数点位数”填写不为0。
(3)最右侧按钮区域具备以下功能:
- 设置映射对象(文本、图标、值)的颜色
- 设置映射对象(文本、图标、值)的大小
- 设置映射对象背景颜色
- 删除该条映射