图表跳转

最近更新时间:2024-06-12 16:19:41

我的收藏
在数据分析场景中,需要从页面A的图表点击跳转到页面B,以便通过多页面完整描述指标情况,具体分为两种业务类型:
1. 直接跳转:普通的链接跳转(不带任何参数),应用于快速到达目标页面的场景,如从“经营分析”图表跳转到“渠道分析”图表;
2. 带参跳转:跳转链接中携带参数,应用于需要在目标页面进行过滤的场景,如点击“经营分析”图表中的“A部门”,跳转到“渠道分析”页的A部门相关数据。

需要开启图表跳转,需要如下操作:
1. 进入编辑器,在组件的更多操作中,选择跳转到...。


2. 在设置面板中开启跳转。



3. 单击新增跳转(表格组件支持设置多个跳转)。



选择跳转字段:选择表格中需要跳转的字段,如“部门名称”;
选择跳转目标:可选择跳转到看板页面和外部链接(外部链接将在后续版本中支持),如果选择跳转到看板页面,则下面出现选择页面设置,如选择外部链接,则下面出现跳转链接设置;
当选择了“跳转到看板页面”,则需要选择具体项目及页面,这里要注意,如果这个页面没有发布,虽然可以选择,但是跳转时将无法访问,因此请确认目标页面是否处于发布状态,如未发布,请设置后记得去发布目标页面;
打开方式:支持页面弹层和新窗口打开的两种方式展示目标页面;如果选择页面弹层,则无需离开当前页面,直接在页面中以弹层的方式展示页面内容,效果如下:


配参设置:如果需要带参跳转,则需要配置参数,单击配置,在弹层中关联目标页参数(目标参数的设置参考 页面参数设置



可同时对多个参数进行赋值,如同时指定“部门”和“岗位”字段,可先将“部门”列的值赋值给目标页参数“depart”参数;然后单击新增,增加一个参数绑定,将“岗位”列的值赋值给目标页的“job”参数,图示如下:



参数来源支持如下类型:
参数来源
可选操作
示例场景说明
字段
选择当前图表引用的数据表字段
示例:点击部门"产品部",跳转到另一个页面B,使页面B的“dpt”参数等于“产品部”,使页面B呈现部门等于“产品部”筛选结果。
说明:
1. 如果当前图表没有维度“部门”字段,则无法获取到“部门”值,默认为空,即dpt参数值为空(不过滤);
2. 如果当前图表没有维度“部门”字段,但是该组件被其他组件给联动了(以“部门”字段联动),且勾选了“含联动条件”,那么,传参时,会把联动的部门值作为条件传递给页面参数。
变量
选择页面变量、项目及系统变量
示例:点击部门"产品部",跳转到另一个页面B,使页面B的"employee"参数等于页面变量“epl”(产品部最佳员工),使页面呈现最佳员工的数据筛选结果。 说明: 访问页面,点击跳转时,会先获取变量值,如果获取失败,则不会跳转。
筛选器
选择关联了本组件的筛选器
示例:“部门”筛选器选择“产品部”,联动筛选出指标卡的销量为“产品部”的销量;点击指标卡,跳转到页面B,使页面呈现部门等于“产品部”筛选结果。 说明:
1. 只有关联了本组件的筛选器才可以选择;
2. 允许组件设置里没有将“部门”作为维度;
页面参数
选择当前页面的参数
示例:当前页面是跳转过来的,带了dpt参数(值为“产品部”),当需要再次跳转到页面B,且需要传递“产品部”给页面B的“bumen”,使页面B呈现“产品部”的数据筛选结果。
注意:
1. 多个筛选器值赋予同一个页面参数,则按照“且”关系处理,如“部门”和“department”筛选器值都赋予页面参数“dpt”,则实际执行"dpt=[部门] AND dpt=[department]";
2. 多个字段值赋予同一个页面参数,则按照“或”关系处理,如“部门”和“department”字段值都赋予页面参数“dpt”,则实际执行"dpt=[部门] OR dpt=[department]";
3. 参数必须在目标页里设置,可点击“目标页参数”快速打开页面设置,设置完可点击“刷新”来更新目标页参数列表。
在交互分析时(如下钻、联动),如果希望将交互数据也作为跳转参数值的一个来源(如带上联动的参数),可以通过勾选以下选项获得对应的值:



交互类型
前置条件
示例说明
含下钻条件
需要先设置“将字段**的值,赋予目标页面参数**”,否则即使勾选下钻条件也不生效。
示例:图表设置了下钻(下钻层级:“部门”》“中心”》“员工”),同时设置了跳转到页面B,选择【将字段“部门”的值,赋给目标页参数“dpt”】,且勾选“含下钻条件”,当下钻到员工层级时(该员工所属部门为“生产部”),则结果会筛选出dpt=“产品部”的所有结果。
未勾选结果:结果会筛选出dpt为空的所有结果。

含联动条件
需要先设置“将字段**的值,赋予目标页面参数**”,否则即使勾选联动条件也不生效。
示例:A图表“部门”(如“产品部”)联动B图表“部门”字段,但是B图表并没有将“部门”字段作为维度字段,当点击B图表时,选择【将字段“部门”的值,赋给目标页参数“dpt”】,且勾选“含联动条件”,则结果会筛选出dpt=“产品部”的所有结果。
未勾选结果:结果会筛选出dpt为空的所有结果。
4. 发布页面使参数生效
单击弹层中的保存按钮后,在页面中单击发布页面,直到出现弹层,设置生效:


5. 查看跳转效果
在看板中打开页面,设置了跳高亮显示,单击后,以新窗口或者弹层的方式展示目标页面数据

以弹层展示为例,下图红框的数据只展现“前端开发组”数据,而不是全部的数据,证明带参跳转成功。