页面树结构

版本比较

标识

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

示例说明

在电子表格报表中,存在两个echarts图形。其中左侧柱图为汇总数据,显示的是所有产品类别的销售量;右侧饼图为明细数据占比,显示的是对应类别的所有产品销售量占比,切换“产品类别”参数,即可切换为对应类别的数据。在电子表格报表中,可能存在多个元素,比如多个表格或者图形元素。以下图为例,左侧是一个汇总柱图,而右侧是一个明细表格。通过切换“产品类别”参数可以切换表格的数据。

Image RemovedImage Added

  

本示例中需要实现的效果是:点击左侧汇总柱图中的柱子,可以联动刷新表格数据。

本示例中需要实现的效果是:点击左侧汇总柱图中的柱子,可以联动饼图,即刷新饼图的数据及其标题中的类别。Image Added

Image Removed

版本要求

Smartbi V7.0.1及以上

设置步骤

1.数据准备

针对以上示例,需要准备两个数据集。其中一个为柱图数据集。预览如下:针对以上示例,需要准备两个数据集。其中一个为柱图的数据集。预览如下:

Image RemovedImage Added

 

另一个为饼图的数据集,拥有“产品类别”参数,切换参数值可切换为对应类别的明细数据。预览如下:另一个为表格的数据集,拥有“产品类别”参数,切换参数值可切换为对应类别的明细数据。预览如下:

Image RemovedImage Added

 

2.创建电子表格

在Excel中使用上述两个数据集创建电子表格,图形是通过Smartbi页签下的“图形”-》“ECharts作图”插入的。

Image Removed

 

Excel中显示如下:

Image Removed

 

预览如下:

Image Removed

 

3.设置标题

(1)设置柱图标题:合并B2:G3单元格,输入标题为“所有大类销售数据”,并设置字体加粗

Image Removed

 

(2)设置饼图标题:选中 I1单元格,点击工具栏上的“引用参数”,引用“产品类别”参数的真实值。使得I1单元格默认展示明细饼图对应的类别、

Image Removed

 

合并I2:O3单元格,输入公式=I1&"类别产品明细饼图",并设置字体加粗。构造饼图的标题

Image Removed

(1)在Excel中使用上述两个数据集创建电子表格,设置静态表样如下:

Image Added

 

(2)创建柱图

在Sheet3=2中使用数据集1的字段创建echarts柱图

Image Added

 

在图形上右键-》移动或复制,将其移动到Sheet1中

Image Added

 

调整其位置,大小,如下:

Image Added

 

(3)创建表格:

在sheet3中使用数据集2的字段,创建表格,如下:

Image Added

 

选中Sheet3中B2:C3单元格,复制

Image Added

 

切换到Sheet1中,右键-》选择性粘贴-》链接的图片,通过照相机功能将表格显示到Sheet1中。注:如果是WPS,那么先选中Sheet3中B2:C3单元格,点击工具栏上的“照相机”,然后切换到Sheet1中点一下即可。可参考:照相机功能

Image Added

 

如下:

Image Added

 

调整其高度宽度和位置,如下:

Image Added

 

预览如下:

Image Added

 

 

 

43.设置传值(联动)

在左侧柱图上右键-》设置

Image RemovedImage Added 

 

进入图形设置界面,切换到“数据传值设置”界面

Image RemovedImage Added

 

勾选“参数传值”,设置传值字段为“产品类别”,传值方式为“真实值”,作用域为“产品类别”参数。该设置项可将柱图中点击对应的产品类别数据传递到报表中的“产品类别”参数

Image Removed

 

勾选“区域传值设置”,设置传值字段为“产品类别”,传值方式为“真实值”,作用域为当前sheet的I1单元格。该设置项可将柱图中点击对应的“产品类别”数据传递到I1单元格中。

Image Removed

 Image Added

点击确定,保存设置

 

54.设置局部刷新

点击“Smartbi”页签下的“页面设置”,勾选“切换参数刷新设置”下的“局部刷新”,使得点击柱图时,只有受到影响的单元格和饼图进行刷新(1)点击“Smartbi”页签下的“页面设置”,勾选“切换参数刷新设置”下的“局部刷新”,使得点击单单元格时,只有受到影响的单元格进行刷新

Image RemovedImage Added

 

6.隐藏第一行,如下:

Image Removed(2)在Sheet1中选中表格通过照相机功能照过来的图片链接,右键-》不允许局部刷新(注:如果联动目标是表格,必须通过照相机功能添加到展示Sheet中,并设为【不允许局部刷新】。否则会造成显示错乱

(如下图,【取消局部刷新】为灰色状态,代表的是不允许局部刷新的效果)

Image Added

 

75.隐藏“产品类别”参数

点击工具栏上的“参数排版”,隐藏“产品类别”参数

Image RemovedImage Added

 

6.隐藏Sheet2和Sheet3

 

87.发布预览,如下:

Image Removed

 Image Added