页面树结构

版本比较

标识

  • 该行被添加。
  • 该行被删除。
  • 格式已经改变。

联动筛选

WEB电子表格组件在自助仪表中可以实现两种形式的联动筛选:

  • 单击图形组件或表格中的字段,筛选WEB电子表格中的数据。
  • 切换自助仪表盘公共参数,筛选WEB电子表格中的数据。

数据准备

本章节示例是基于内置业务主题“销售主题”和自定义的“产品订单模型”作为数据来源进行演示。

请导入下面的资源文件,实现数据的自动创建。

销售主题+产品订单模型.xml

其中“产品订单模型”中含有参数“大类名称”:

Image Removed

组件联动

下面演示了在自助仪表盘中其它组件与WEB电子表格联动的效果:单击图形组件或清单表组件中的“大类名称”,WEB电子表格会随着刷新到相应类别的数据。

Image Removed

该示例的实现说明如下:

1、定义如下一个自助仪表盘:

选择“销售主题”,定义清单表、交叉表、柱图和瀑布图,这几个图形中都包含“大类名称”字段。

Image Removed

选择“产品订单模型”,定义WEB电子表格。

Image Removed

2、在自助仪表盘中设置WEB电子表格组件的联动设置:单击组件工具栏中的 更多,在下拉菜单中选择 联动设置

Image Removed

将电子表格的联动设置如下:将WEB电子表格中的参数“大类名称”与另外四个组件中的”大类名称“关联起来。

Image Removed

保存自助仪表盘设置即可。

公共参数联动

下面演示了公共参数与WEB电子表格联动的效果:切换公共参数组件中的参数值,WEB电子表格会随着刷新到相应类别的数据。

Image Removed

该示例的实现说明如下:

1、定义如下一个自助仪表盘:

选择“销售主题”,定义柱图和“大类名称”筛选器,其中柱图中“产品名称”字段为X轴分类项,“大类名称”筛选器设置为“下拉单选”且默认值为“点心”。

Image Removed

选择“产品订单模型”,定义WEB电子表格。

Image Removed

2、在自助仪表盘中设置WEB电子表格组件的联动设置:单击组件工具栏中的 更多,在下拉菜单中选择 联动设置

Image Removed

将电子表格的联动设置如下:将WEB电子表格中的参数“大类名称”与筛选器”大类名称“字段关联起来。

Image Removed

...


目录

概述

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

示例效果

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

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

Image Added

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

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

Image Added

操作步骤

1. 创建Web电子表格

注意

Web电子表格组件基于产品内置数据模型 “订单模型” 创建。

(1)创建仪表盘,点击 组件,在 “表格” 类型下找到 WEB电子表格 组件,将其拖拽至画布中。

Image Added

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

Image Added

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

Image Added

2. 创建柱图

注意

柱图组件基于产品内置数据模型 “订单信息数据集” 创建。

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

Image Added

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

Image Added

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

Image Added

3. 跨数据源联动

(1)联动设置

单击组件工具栏中的 “操作 按钮,在下拉菜单中选择 联动设置

Image Added

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

注意
若是需要对不同名字段设置联动关系,详情可参考 联动设置

Image Added

(3)设置联动筛选效果(以下方法二选一,均可实现联动效果

① 通过字段筛选器联动。

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

Image Added

② 通过组件筛选器联动。

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

Image Added

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