说明

使用电子表格可以创建各式各样复杂样式的交互仪表盘。如下：

本文档以下面的示例，演示如何创建此类交互式仪表盘。如下：该仪表盘页面展示的是产品的销售数据分析，存在区域维度，可切换。展示的内容是 产品目录汇总的柱状图和两个明细数据的饼图、表格。

通过切换“选择区域”位置的下拉框，可以切换报表中汇总柱图、明细玫瑰饼图和明细表格的数据。同时在汇总柱图上点击柱子，可同时刷新明细玫瑰饼图和明细表格，并且明细玫瑰饼图和明细表格的数据，会变化为对应产品目录的数据。

设计

1.展示主题确定

本示例展示的主题是产品销售数据分析，对产品目录、产品名称的数据进行分析、以及明细数据的查看，并且可以切换区域维度，对不同区域下的产品销售数据进行分析。

2.展示形式和布局确定

作为仪表盘，强调的是数据可视化，以各种图形，增强数据的可读性。结合展示主题和表格、图形（包括柱状图、饼图、线图、联合图等等）的特点，设计如下：

（1）产品目录汇总数据，维度为产品目录、指标为销售量。展现形式为柱状图

（2）产品明细1，维度为产品名称、指标为销售量。展现形式为饼图。

（3）产品明细2，展示数据包括订单的明细数据，包含产品名称、订单编号、每一订单的销售量、折扣和单价。展现形式为表格。

通过柱图、饼图和表格结合的形式，增强仪表盘页面的美观效果和数据的可读性。

对仪表盘页面进行整体布局，如下：

3.数据交互效果确定

由于该仪表盘页面中存在汇总数据和明细数据，同时维度中“产品目录”和“产品名称”是父项与子项的关系。可实现内部的柱图联动饼图和明细表格的效果。

（需要注意的是，饼图和明细表格在创建时，其查询需要添加产品目录相关的参数，以便接收柱图传递过来的产品目录值并刷新数据）

下面我们就开始来创建这个仪表盘页面。

实现

1.创建参数

参考快速创建业务查询中的“带参数的查询”部分，创建两个下拉框参数。分别是“产品目录名称”参数，和“选择区域”参数。

其中“产品目录名称”参数的备选值和默认值定义如下：

“选择区域”参数的备选值和默认值定义如下：

2.创建业务查询

参考快速创建业务查询，针对仪表盘页面上的三个元素（柱图、饼图和表格），分别创建3个可视化查询，命名为“柱图查询”、“饼图查询”和“表格查询”。

（1）其中柱图查询的输出字段是 “产品目录”表中的“产品目录名称”字段、“订单明细”表中的“数量”字段。条件中设置“订单”表中的“发货区域”字段等于参数“选择区域”。

预览如下：

（2）饼图查询中输出的字段是“产品”表中的“产品名称”字段、“订单明细”表中的“数量”字段。条件中设置两个条件，分别是“订单”表中的“发货区域”字段等于参数“选择区域”，以及“产品目录”表中的“产品目录名称”字段等于参数“产品目录名称”，两个条件之间的关系是and 的关系。

预览如下：

（3）表格查询中输出的字段是“产品”表中的“产品名称”字段、“订单明细”表中的“订单编号”、“单价”、“数量”和“折扣”字段。条件中设置两个条件，分别是“订单”表中的“发货区域”字段等于参数“选择区域”，以及“产品目录”表中的“产品目录名称”字段等于参数“产品目录名称”，两个条件之间的关系是and 的关系。

预览如下：

3.创建电子表格

在Excel中登录smartbi，并新建一个空白的电子表格，设置4个sheet，分别命名为“展示”、“柱图”、“饼图”和“表格”。我们会在后面三个sheet中分别制作好柱图、饼图和表格，并最终移动到“展示”sheet中进行展示

4.柱图制作

（1）切换到“柱图”sheet中，在A1单元格中输入“产品目录”，B1单元格中输入“销售量”，并从右侧数据集面板中找到“柱图查询”，将查询中的“产品目录名称”字段，拖拽到A2单元格，将“数量”字段拖拽到B2单元格

（2）选中“数量”所在的B2单元格，设置其扩展方向为“不扩展”，数据设置为“汇总”，汇总为“求和”。

（3）选中A1：B2单元格，在工具栏“Smartbi”页签下，找到“图形”菜单，点击

（4）在弹出的图形设置界面中，点击“柱图”，选择“普通柱图”

（5）勾选“产品目录”为“分类（X）轴”，“销售量”为“指标（Y）轴”，如下：

（6）点击确定，在Excel中会生成一个图形，如下：

电子表格中图形更多内容请参考：echarts作图

5.饼图制作

（1）同理，按照柱图的制作方式，切换到“饼图”sheet中，使用可视化查询“饼图查询”中的字段，创建“南丁格尔玫瑰图”（选择图形时，需要选择饼图下的“南丁格尔玫瑰图”），如下：

（2）切换到“图例”这个页签下，设置图例显示在图表右侧

（3）点击确定，如下：

6.表格制作

（1）切换到“表格”Sheet中，设置如下静态表样

（2）从右侧数据集面板中找到“表格查询”中的“产品名称”、“订单编号”、“单价”、“数量”和“折扣”字段，分别拖拽到A3-E3单元格中。如下：

（3）选择A3-E3，设置“扩展方向”为“从上到下”，数据设置为“列表”

（4）选中F3单元格，工具栏切换到“视图”页签，点击“冻结窗口”-》“冻结拆分窗格”。由于表格的数据很多，通过这个设置项，使得数据滚动时表头固定不动。

冻结窗格是excel本身的功能，关于该功能更多内容请参考微软相关说明。

（5）设置表格的背景颜色、边框颜色、字体、居中、行高等细节，如下：

7.展示页面制作

（1）切换到“展示”sheet页，缩小A列列宽，合并B4-H4单元格，输入“产品销售汇总柱状图”。并设置背景颜色、字体颜色和字体大小。如下：

（2）切换到“柱图”sheet，在柱图上右键-》移动或复制

（3）在弹出的窗口中，将柱图移动到“展示”Sheet中

（4）则该图形会被移动到“展示”sheet中，将该图形位置和宽度进行调整，与B4-H4对齐，并缩小图形的高度。如下：

（5）同理，将B7-H17单元格合并，并输入产品数据明细占比饼图，调整背景颜色、字体颜色、字体大小等

并将“饼图”sheet中的饼图移动到该位置下，调整图形宽度和位置，与B17-H17对其，并缩小图形高度

（7）切换到“表格”sheet中，选择A1-E3单元格，复制

（8）切换到“展示”Sheet中，右键-》选择性粘贴-》链接的图片。通过这样的操作，使用Excel的照相机功能，将表格照到“展示”sheet中。注意：如果是WPS，则直接使用工具栏上的“照相机”功能即可

粘贴后，效果如下：

照相机相关说明请参考：照相机功能

（9）调整粘贴过来的“图片”的位置和宽、高，注意高度与柱图和饼图整体高度对齐

（10）此时，可点击发布该电子表格报表，并预览效果如下：

8.参数控件设置

（1）在B2单元格中输入“选择区域： ”并设置字体颜色。如下：

（2）点击工具栏“Smartbi”页签下的“下拉框”控件，在设置控件格式窗口中，设置“备选值”为参数“选择区域”、“影响目标”为参数“选择区域”

（3）点击确定，会插入一个下拉框控件。调整其位置和长度，如下：

（4）在控件上右键-》设置，进入设置界面。

（5）切换到“外观”页签下，对其外观进行如下设置：

（6）点击确定，如下：

电子表格控件更多内容请参考：电子表格控件使用

9.美化细节调整

接下来需要对该仪表盘页面做细节美化和调整。主要是对柱图和饼图的设置，如下：

（1）柱图展示时，位置有点偏移。可以对柱图做如下调整：在柱图上右键-》设置，进入图形设置界面

（2）切换到“基本上设置”，调整一下柱图的边距，使得柱图在柱图区域中位置居中，宽度合适

（3）同理，在饼图上右键-》设置，进入图形设置界面。点击“指标（Y）轴”字段后的设置按钮，进入序列设置界面

（4）设置圆心位置为 说明30%，垂直50%，使得饼图与图例的距离稍远，并且垂直居中

（5）还可以切换到“高级”选项，对柱图和饼图设置主题，通过主题设置，可切换图形的展现效果

本示例中将柱图和饼图的图形设置均设置为“shine”

图形主题可自定义，请参考：图形主题自定义

（6）再对报表整体做一下细节调整，比如行高、列宽等等。最终效果如下：

预览如下：

10.数据传值设置

接下来设置点击柱图，联动饼图和表格。

（1）在柱图上右键-》设置，进入图形设置界面。切换到“数据传值设置”页签

（2）在“参数传值设置”中勾选“参数传值”，设置将柱图中的“产品目录”字段的“真实值”传递给报表中的“产品目录名称”参数

（3）由于“产品目录名称”参数不会直接显示在报表中，他的值是通过上面传递而得到的。因此需要隐藏“产品目录名称”参数。点击工具栏上的“参数排版”

（4）将“产品目录名称”参数拖动到下方隐藏区域中，将该参数从报表的展示界面隐藏

（5）由于报表内的元素联动，不应该刷新整个报表，因此需要设置“局部刷新”，使得参数值变化时，只有相关的数据和图形变化，而不是整个报表的重新渲染加载。

点击工具栏上“smartbi”页签下的“页面设置”，“切换参数刷新设置”勾选“局部刷新”

6）由于报表中有表格存在，上述步骤中局部刷新，有可能造成表格格式的错乱，因此要设置照相机照过来的部分不允许局部刷新。

在“展示”sheet中，选中照相机照过来的表格图片，右键-》允许局部刷新，将照相机默认的“允许局部刷新”选项勾除。

注意：“允许局部刷新”前的图标为，表示该照相机表格是允许局部刷新的；“允许局部刷新”前的图标为，表示该照相机表格是不允许局部刷新的。

11.最后，隐藏后面的三个sheet，发布预览如下