官方文档

环形进度条

数据大屏环形进度条:圆环占比、中心百分比与 VRDemo 表演示。

VeryReport 数据大屏设计器 中,环形进度条用圆环弧度展示指标相对目标值的完成进度,中心可显示百分比或当前值。适用角色:大屏设计人员、数据分析师。

大屏不直接写 SQL。请先在数据中心创建并发布数据集。详见 新建数据集必须设定合理目标值,否则圆环容易顶满 100%。水平条形见 进度条

1. 入口与前提

说明
设计器入口左侧 数据分析数据大屏
组件路径顶部第二行 图表 → 分组 指标环形进度条
数据前提数据集已发布

2. 基础操作

  1. 进入设计器;第二行 → 图表指标环形进度条(不要点「进度条」「水波图」)。
  2. 选中 → 右侧 数据选择数据集
  3. 切到 字段:将 1 个度量拖到「展示指标/度量」(不要拖维度)→ 点底部 更新
  4. 示例:度量 sale(SUM)。若合计约 60600,请在样式把目标值设为 80000 或 100000。

3. 样式配置

选中 → 样式 Tab。

  • 圆环外观:环宽、填充色、渐变(及终点色)、轨道色、端点(圆角/平角)、起始角(默认 -90,正上方起)。
  • 中心文字:内容选百分比 / 数值 / 自定义;自定义时填文本;可设小数、字号、颜色、加粗。
  • 目标值:填写业务目标(如 80000)。完成率 = 当前值 ÷ 目标值。目标过小会满环 100%。
  • 标题:显隐、文案(空则取度量名)、字号、颜色。
  • 数值行:开启后在环下显示「当前值 / 目标值」;可调字号颜色。
  • 动效 / 背景:填充过渡时长、流光(若有)、背景色。

4. 与进度条、水波怎么选

需求组件
水平条、可多指标进度条
圆环 + 中心百分比本组件(环形进度条)
水波填充水波图

5. 示例:VRDemo 练习数据

请在数据源 VRDemo 中直接使用下列表(需已在库中准备好)。

示例度量建议目标
A. 季度销售完成率quarter_salesale(SUM)80000
B. 月销售合计sale_monthsale(SUM)按合计自定
  1. 数据中心 → 数据集 → VRDemo → 拖入 quarter_sale → 保存并发布(如「季度销量-环形进度」)。
  2. 大屏插入环形进度条;字段绑定 sale(SUM)→ 更新
  3. 样式 → 目标值填 80000;中心文字选百分比;标题可填「季度销售完成率」。
  4. (可选)打开数值行,核对约 60600 / 80000。

验收:中心约 75.8%;圆环约四分之三圈。若目标仍为 100 会顶满。

6. 常见问题

  • 总是满环? 目标未设或过小 → 改样式目标值。
  • 与水平进度条区别? 进度条可多指标;本组件单指标圆环。
  • 中心同时看百分比和绝对值? 中心用百分比,并开启数值行。

7. 相关文档