概述
- 进度图利用百分比和条状图颜色占比来展示一个项目当前的完成情况。
- 适用：任务量大且目标值可量化的项目，直观展示项目当前进度变化。
属性说明
此处仅说明针对进度图的属性配置
属性设置 | 说明 | 图例 |
图表字段 | 支持的字段数量
| 250px|700px|reset |
显示设置 |
| 250px|700px|reset |
使用示例-活动报名进度
图表配置可分为3步：配置属性-配置样式-配置事件
Step 1 配置属性
- 在画布中拖入「进度图」组件
- 添加【对象-学生】
250px|700px|reset
- 设置图表字段
- 实际值（指标）字段：记录数（计数），统计当前总报名人数
当前数据中的实际值，显示为当前进度状态。
- 目标值（指标）字段：100，希望达到的报名人数。
希望达成的目标值，完成占比=实际值/目标值
250px|700px|reset
- 标题区
250px|700px|reset
- 进度图设置
- 显示数据标签
- 显示数据名称：实际值名称修改为「当前报名人数」
250px|700px|reset
- 添加「辅助线」
- 添加数值辅助线：辅助线1，数值：0.5，如下图所示：
250px|700px|reset
- 添加动态辅助线：辅助线二操作步骤，如下图：
250px|700px|reset
250px|700px|reset
- 辅助线配置完成效果如下：
250px|700px|reset
Step 2 配置样式
Step 3 配置事件
添加「弹窗-矩阵表」组件
- 先创建一个弹窗组件，在弹窗组件中拖入矩阵表组件
250px|700px|reset
- 设置矩阵表
- 对象选择「学生」，要选择与雷达图选择相同的对象，才可与图表中数据关联。
- 添加过滤条件：
无需添加过滤条件：因为我们查看的就是所有报名信息，所以不需要过滤数据，直接打开对象表单即可。
- 添加图表字段，如下图所示
可通过调整弹窗和表格「样式」中的高和宽来优化展示效果
250px|700px|reset
关联「图表」事件
- 事件入口：图表属性-事件-点击「创建事件」
- 创建事件：调用组件方法-弹窗-打开，如下图所示
250px|700px|reset
预览效果
250px|700px|reset
