组件传参

<< Click to Display Table of Contents >>

当前位置:  制作可视化报告 > 数据处理与分析 > 联动 

组件传参

复制链接

1. 概述

1.1 功能简介

通过添加组件传参操作,可以实现操作组件时同步修改参数值,当该参数值被其他组件用于参数过滤时,就能实现组件之间的数据联动。其交互效果不同于笔刷联动,跟传参组件筛选交互效果一致。

说明:

组件传参,是将标记值以参数的形式传递,非同源图表也可以设置参数过滤,实现交互效果。

1.2 应用场景

例如点击表格中的“花茶”,图表上只显示花茶的数据。

2. 功能说明

2.1 功能入口

点击顶部菜单栏【参数 > 组件传参】,在弹出的“组件传参”弹窗中点击“添加”按钮进行配置:

2.2 配置说明

1)在弹出的“组件传参”弹窗中点击“添加”按钮进行配置。

DataProcess_Linkage_TransferParameter2

2)点击“添加”按钮后,在“添加操作”弹窗可以设置组件传参属性。

DataProcess_Linkage_TransferParameter5

【名称】定义组件传参操作名称。

【操作】定义触发组件传参的操作方式,默认为“无”;操作方式为“无”,自动传递当前图表内的值;操作方式为“笔刷联动”表示传递笔刷位置的值给参数;操作方式为“选中”表示传递选中数据列位置的值给参数。

【未选中时清空参数】默认勾选,点击标记或数据区域后,会将选中的值作为参数传递给其他图表进行参数过滤,可以随时点击空白处清除参数。未勾选时,用户可以连续点击其他组件的标记或数据区域,并保留之前图表已经选中的维度值,来进行多层参数传递。

【源组件】默认为“全部”,也可选当前报表所绑定的任意一个数据集,选择后,下方列表展示该数据集所对应的组件。

【数据列】在勾选组件后,数据列展示勾选组件上绑定的数据字段。

【传递参数】组件传参的目标参数,若输入不存在的参数名,会新建参数。

说明:

按住ctrl可以选中或笔刷联动多个数据,传递多个参数值。

Chart、3D模型如果开启了轮播,支持在轮播时自动传递参数完成组件联动,详情参考轮播时触发组件传参。

2.3 典型应用

举例1:

例如我们有以下报告,包含图表1和图表2,想要点击表格里面任意“市场分布”列值,同步显示柱形标记。

DataProcess_Linkage_TransferParameter4

1)点击顶部菜单【参数 > 组件传参】,进入组件传参添加操作页面,配置操作为“选中”,源组件为“图表2”,数据列选择“市场分布”,传递参数输入“a”。

DataProcess_Linkage_TransferParameter5

2)给图表1设置过滤条件

鼠标移入图表1,点击右上角的“添加过滤”按钮,设置过滤条件“市场分布是等于?{a}”。

DataProcess_Linkage_TransferParameter6

3)选中图表2的“市场分布”列值,点击图表外空白区域可以取消选中,恢复原始状态,查看效果。

DataProcess_Linkage_TransferParameter1

举例2:

例如我们有以下报告,包含图表1、图表2、图表3,希望在下面的报告中实现选中图表1中的市场分布的值,传递参数到图表2,再选中图表2中的省份的值,传递参数到图表3,取消选中后组件上保留参数传递的值。

DataProcess_Linkage_TransferParameter_Eg2

1)点击顶部菜单【参数 > 组件传参】,进入“组件传参”的对话框。

2)点击右上角的图表新建图标,进入“添加操作”的对话框,操作名称设置为“操作-0”,操作在下拉选项中选择“选中”,取消勾选“未选中时清空参数”,实现多层筛选,勾选上“图表1”,数据列、传递参数在下拉选项中均选择“市场分布”。

DataProcess_Linkage_TransferParameter_Eg2_OperationSettings1

3)点击右上角的图表新建图标,进入“添加操作”的对话框,操作名称设置为“操作-1”,操作在下拉选项中选择“选中”,取消勾选“未选中时清空参数”,勾选上“图表2”,数据列、传递参数在下拉选项中均选择“省份”。

DataProcess_Linkage_TransferParameter_Eg2_OperationSettins2

4)选中图表1的二级市场下的西部市场,再选中图表2上的四川。

DataProcess_Linkage_TransferParameter_Eg2_Result

轮播时触发组件传参

Chart

报告内有一个柱状图(图表1)、一个表格(图表2),图表1绑定了“市场分布”,“销量”,图表2绑定了“省份”,“销量”,想在图表1自动轮播过程中,图表2只显示该市场分布下的省份数据。

DataProcess_Linkage_TransferParameter6

1)添加一个组件传参,选中图表1的柱子时传递参数?{市场分布},并将该参数添加到图表2的过滤器里面,过滤条件为“市场分布是等于?{市场分布}”。

DataProcess_Linkage_TransferParameter7

DataProcess_Linkage_TransferParameter8

2)选中图表1,在右侧【设置 > 动画】勾选“轮播”,然后勾选“轮播时触发组件传参”。

DataProcess_Linkage_TransferParameter9

3)预览时,可以看到轮播传参效果:

DataProcess_Linkage_TransferParameter9

3D模型

报告内有一个3D模型(图表3)、一个表格(图表4),模型绑定了“模型名称”,表格绑定了“节点”,“产量”,“报废数量”,想在图表3自动轮播过程中,图表4只显示该设备模型对应的节点生产数据

DataProcess_Linkage_TransferParameter10

1)添加一个组件传参,选中图表3的设备模型时传递参数?{模型名称},并将该参数添加到图表4的过滤器里面,过滤条件为“模型名称是等于?{模型名称}”。

DataProcess_Linkage_TransferParameter11

DataProcess_Linkage_TransferParameter12

2)选中图表3,在右侧【设置 > 动画】勾选“轮播”,动画类型选择“模型轮播”,轮播对象选择“按绑定模型名称”,此时只会轮播数据里面包含的模型,然后勾选“轮播时触发组件传参”

DataProcess_Linkage_TransferParameter13

3)预览时,可以看到轮播传参效果。

DataProcess_Linkage_TransferParameter13

说明:

只有组件传参里面的操作为“选中”时,开启轮播后勾选“轮播时触发组件传参”才能看到自动传参效果。