水波图
数据大屏水波图:液位占比、波浪动画与 VRDemo 表演示。
在 VeryReport 数据大屏设计器 中,水波图用容器内水面高度与波浪动画展示指标相对目标值的完成进度。适用角色:大屏设计人员、数据分析师。
大屏不直接写 SQL。请先在数据中心创建并发布数据集。详见 新建数据集。 必须设定合理目标值,否则水面容易顶满 100%。水平条见 进度条;圆环见 环形进度条。
1. 入口与前提
| 项 | 说明 |
|---|---|
| 设计器入口 | 左侧 数据分析 → 数据大屏 |
| 组件路径 | 顶部第二行 图表 → 分组 指标 → 水波图 |
| 数据前提 | 数据集已发布 |
2. 基础操作
- 进入设计器;第二行 → 图表 → 指标 → 水波图(不要点「进度条」「环形进度条」)。
- 选中 → 右侧 数据 → 选择数据集。
- 切到 字段:将 1 个度量拖到「展示指标/度量」(不要拖维度)→ 点底部 更新。
- 示例:度量
sale(SUM)。若合计约 60600,请在样式把目标值设为 80000 或 100000。
3. 样式配置
选中 → 样式 Tab。
- 水波外观:波浪色;前景/背景透明度;波幅;波速(秒/周期,越大越慢)。
- 容器:形状(圆形 / 圆角矩形);描边色与宽度;容器背景。
- 中心文字:显隐;字号、颜色、加粗;百分比小数位。
- 目标值:填写业务目标(如 80000)。水位 = 当前值 ÷ 目标值;目标过小会顶满。
- 标题:显隐、文案(空则取度量名)、字号、颜色。
- 背景:组件背景色。
4. 与进度条、环形怎么选
| 需求 | 组件 |
|---|---|
| 水平条、可多指标 | 进度条 |
| 圆环弧长占比 | 环形进度条 |
| 液位 / 波浪动画 | 本组件(水波图) |
5. 示例:VRDemo 练习数据
请在数据源 VRDemo 中直接使用下列表(需已在库中准备好)。若已为进度条/环形进度建过同表数据集,可直接复用。
| 示例 | 表 | 度量 | 建议目标 |
|---|---|---|---|
| A. 季度销售完成率 | quarter_sale | sale(SUM) | 80000 |
| B. 月销售合计 | sale_month | sale(SUM) | 按合计自定 |
- 数据中心 → 数据集 → VRDemo → 拖入
quarter_sale→ 保存并发布(或复用已有数据集)。 - 大屏插入水波图;字段绑定
sale(SUM)→ 更新。 - 样式 → 目标值填 80000;中心文字显示百分比;标题可填「季度销售完成率」;容器可选圆形。
验收:中心约 75.8%;水位约 3/4;可见双层波浪动画。目标仍为 100 时会顶满。
6. 常见问题
- 水面总满? 目标未设或过小 → 改样式目标值。
- 与环形进度条区别? 环形看弧长;水波看液位动画。
- 波浪太快/太慢? 调「波速」(秒越大越慢)。
- 多度量? 本组件仅 1 个指标;多指标用进度条。
