概述

本节示例基于 V10.5 的内置数据模型 “订单模型”和 “订单信息数据集” 作为数据来源进行演示，旨在介绍 Web电子表格 如何与 其它组件 进行跨数据源的动态交互效果。

示例效果

① 通过字段筛选器筛选联动。

单击柱图组件中的代表不同产品类别的柱子，Web电子表格会随着刷新为相应类别的数据。

② 通过组件筛选器筛选联动。

点击筛选器内的参数，受其影响的组件都会随之刷新为相应类别的数据。

操作步骤

1. 基于“订单模型”创建Web电子表格

① 创建自助仪表盘，点击 组件，在 “表格” 类型下找到 WEB电子表格 组件，将其拖拽至画布中。

② 双击“Web电子表格“显示区，进入“Web电子表格“编辑界面，先按照如下样式在设计器中设计好静态表样：

③ 选择数据模型“订单模型”，依次拖入字段 维度>发货区域>“发货区域”、维度>产品表>“产品类别”、度量>订单明细>“销售额”。其中“销售额”字段所在单元格需要设置其 “数据设置” 为 “汇总”。保存Web电子表格。

2. 基于“订单信息数据集”创建柱图

① 在自助仪表盘的编辑界面上，点击 组件，在 “柱图” 类型下找到 柱图 组件，将其拖拽至画布中。

② 选择数据模型“订单信息数据集”，拖拽字段 维度>类别汇总>“产品类别” 到列区上，拖拽字段 度量>“销售量” 到行区上。

③ 拖拽字段 维度>类别汇总>“产品类别” 到“筛选区”即生成一个名为“产品类别”的字段筛选器，并设置其展示样式为“列表（单选）”。详情请参见 字段筛选器-展示样式 。

3. 跨数据源联动

（1）单击组件工具栏中的 “操作” 按钮，在下拉菜单中选择 联动设置。

（2）对于数据来源为两个或两个以上的筛选器、组件之间，联动设置中会自动按照 同名字段 自动关联（如下图所示）。

（3）筛选联动效果（以下方法二选一均可实现联动效果）

① 通过字段筛选器联动。

右键选中筛选器组件“产品类别”，将其应用于“Web电子表格”组件。详情参考 自助仪表盘-筛选排序 。

② 通过组件筛选器联动。

选中柱图组件，在其组件工具栏上，设置柱图组件作为筛选器。点击“更多”，设置其影响报表为“Web电子表格”。

④ 保存自助仪表盘。点击预览即可查看效果。