环形进度条
数据大屏环形进度条:圆环占比、中心百分比与 VRDemo 表演示。
在 VeryReport 数据大屏设计器 中,环形进度条用圆环弧度展示指标相对目标值的完成进度,中心可显示百分比或当前值。适用角色:大屏设计人员、数据分析师。
大屏不直接写 SQL。请先在数据中心创建并发布数据集。详见 新建数据集。 必须设定合理目标值,否则圆环容易顶满 100%。水平条形见 进度条。
1. 入口与前提
| 项 | 说明 |
|---|---|
| 设计器入口 | 左侧 数据分析 → 数据大屏 |
| 组件路径 | 顶部第二行 图表 → 分组 指标 → 环形进度条 |
| 数据前提 | 数据集已发布 |
2. 基础操作
- 进入设计器;第二行 → 图表 → 指标 → 环形进度条(不要点「进度条」「水波图」)。
- 选中 → 右侧 数据 → 选择数据集。
- 切到 字段:将 1 个度量拖到「展示指标/度量」(不要拖维度)→ 点底部 更新。
- 示例:度量
sale(SUM)。若合计约 60600,请在样式把目标值设为 80000 或 100000。
3. 样式配置
选中 → 样式 Tab。
- 圆环外观:环宽、填充色、渐变(及终点色)、轨道色、端点(圆角/平角)、起始角(默认 -90,正上方起)。
- 中心文字:内容选百分比 / 数值 / 自定义;自定义时填文本;可设小数、字号、颜色、加粗。
- 目标值:填写业务目标(如 80000)。完成率 = 当前值 ÷ 目标值。目标过小会满环 100%。
- 标题:显隐、文案(空则取度量名)、字号、颜色。
- 数值行:开启后在环下显示「当前值 / 目标值」;可调字号颜色。
- 动效 / 背景:填充过渡时长、流光(若有)、背景色。
4. 与进度条、水波怎么选
| 需求 | 组件 |
|---|---|
| 水平条、可多指标 | 进度条 |
| 圆环 + 中心百分比 | 本组件(环形进度条) |
| 水波填充 | 水波图 |
5. 示例:VRDemo 练习数据
请在数据源 VRDemo 中直接使用下列表(需已在库中准备好)。
| 示例 | 表 | 度量 | 建议目标 |
|---|---|---|---|
| A. 季度销售完成率 | quarter_sale | sale(SUM) | 80000 |
| B. 月销售合计 | sale_month | sale(SUM) | 按合计自定 |
- 数据中心 → 数据集 → VRDemo → 拖入
quarter_sale→ 保存并发布(如「季度销量-环形进度」)。 - 大屏插入环形进度条;字段绑定
sale(SUM)→ 更新。 - 样式 → 目标值填 80000;中心文字选百分比;标题可填「季度销售完成率」。
- (可选)打开数值行,核对约 60600 / 80000。
验收:中心约 75.8%;圆环约四分之三圈。若目标仍为 100 会顶满。
6. 常见问题
- 总是满环? 目标未设或过小 → 改样式目标值。
- 与水平进度条区别? 进度条可多指标;本组件单指标圆环。
- 中心同时看百分比和绝对值? 中心用百分比,并开启数值行。
