联动、钻取与跳转
数据大屏事件:联动、钻取、跳转配置与 VRDemo 表 map_province_sales / map_city_sales 练习。
在 VeryReport 数据大屏设计器 中,可为图表配置点击后的 联动、钻取、跳转。三者同属组件 事件 Tab,不是单独的图表组件。适用角色:大屏设计人员、数据分析师。
大屏不直接写 SQL。请先在数据中心创建并发布数据集。详见 新建数据集。
1. 概述
| 能力 | 作用 | 典型场景 |
|---|---|---|
| 联动 | 点击 A 图某维度值,同页 B 图按该值过滤 | 点地图「浙江」→ 柱图只显示浙江 |
| 钻取 | 同一组件内从粗粒度点进细粒度(如省→市) | 点「广东省」→ 看地市填色 |
| 跳转 | 打开另一大屏或外部链接,并带上点击值参数 | 点省份 → 打开详情大屏 |
事件优先级(必读):同一点击只走一种能力 —— 钻取 > 跳转 > 联动。测联动或跳转时,请先取消勾选「启用钻取」,或钻到最下层后再点。
| 项 | 说明 |
|---|---|
| 设计器入口 | 左侧 数据分析 → 数据大屏 → 新建或打开大屏 |
| 配置入口 | 画布单击选中图表 → 右侧组件设置 事件 Tab |
| 数据前提 | 源/目标图表绑定已发布数据集;联动双方字段名需能对上 |
2. 打开事件面板
- 打开大屏设计器,画布单击选中触发源组件。
- 右侧组件设置点击 事件 Tab。
- 展开 联动 / 钻取 / 跳转,按需配置后顶部 保存。
3. 联动
- 同页放置触发源与目标(如色彩地图 + 柱状图),尽量同一数据集或同名维度字段。
- 两组件分别绑字段并点 更新。
- 选中触发源 → 事件 → 联动:勾选 启用联动;触发字段选维度(或点「用当前维度」);目标图表勾选同页目标。
- 关闭钻取 → 保存。
- 点击维值后目标图过滤;再点同一值或点「取消」恢复。
4. 钻取
- 数据集需含粗/细两级维度(如
province、area)。 - 以色彩地图为例:地理区域先绑
province,度量绑sales→ 更新。 - 事件 → 钻取:启用;层级1=
province;「+ 添加层级」;层级2=area。 - 点省进入市级;面包屑「全部」可回退。层级须粗→细。
地图专章详见 色彩地图。
5. 跳转
| 配置项 | 说明 |
|---|---|
| 启用跳转 | 勾选后生效 |
| 触发字段 | URL 参数名(值为点击维值) |
| 目标 | 外部 URL 或 大屏 |
| 大屏 ID / URL | 按目标类型填写 |
| 打开方式 | 新窗口 / 当前 |
大屏目标地址形如:/screen/preview/{大屏ID}?{触发字段}={点击值}。测跳转时请关闭钻取(或已到最下层)。若同时开跳转与联动且无钻取:跳转优先。
6. 示例:VRDemo 练习数据
数据源 VRDemo,直接使用表名(无需专用视图)。
| 示例 | 表 | 练习内容 |
|---|---|---|
| A. 柱图联动柱图 | map_province_sales | 点省过滤另一柱图 |
| B. 地图省→市钻取 | map_city_sales | 钻取 + 面包屑 |
| C. 地图联动柱图 | map_city_sales | 点省过滤柱图 |
| D. 跳转(可选) | map_province_sales | 点省打开 URL/大屏 |
- 数据集一:VRDemo → 拖入
map_province_sales→ 发布为省级销售(维度area,度量sales等)。 - 数据集二:拖入
map_city_sales→ 发布为地市销售(维度province、area,度量sales)。 - 示例 A:两柱图均绑
area+sales;左图事件启用联动,触发area,目标勾选右图。 - 示例 B:色彩地图绑
province+sales;钻取层级1=province、层级2=area。 - 示例 C:地图+柱图均用
province;地图启用联动指向柱图,并关闭钻取。 - 示例 D:事件启用跳转,触发字段
area,目标外部 URL 或大屏 ID,打开方式建议新窗口。
验收:联动可过滤/取消;钻取可下钻回退;跳转地址带参数;钻取开启时可下钻时不抢联动/跳转。
7. 常见问题
- 点了没联动? 检查启用与目标勾选、钻取是否抢点击、字段名是否一致。
- 联动后仍是样例? 目标须已绑定数据集;无匹配数据应为「暂无数据」。
- 钻取空白? 层级顺序粗→细;确认该省在
map_city_sales有下级市。 - 只想联动却跳转? 关闭跳转(跳转优先于联动)。
- 事件无维度下拉? 先选数据集再回事件 Tab。
