页面树结构

版本比较

标识

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

说明

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

...

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

 

 

设计

1.展示主题确定

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

...

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

 

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

 

实现

1.创建参数

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

...

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

 

2.创建业务查询

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

...

(6)点击确定,在Excel中会生成一个图形,如下:

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

 

5.饼图制作

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

...

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

 

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

 

(5)设置表格的背景颜色、边框颜色、字体、居中、行高等细节,如下:

...

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

 

粘贴后,效果如下:

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

 

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

...

(5)切换到“外观”页签下,对其外观进行如下设置:

(6)点击确定,如下:

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

 

9.美化细节调整

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

...

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

图形主题可自定义,请参考:图形主题自定义

 

(6)再对报表整体做一下细节调整,比如行高、列宽等等。最终效果如下:

 

预览如下:

10.数据传值设置

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

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

...

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

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

Image Added

 

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

在“展示”sheet中,选中照相机照过来的表格图片,右键-》允许局部刷新(注意:只要是照相机照过来的表格,均需要设置允许局部刷新,否则数据加载会有问题)》允许局部刷新,将照相机默认的“允许局部刷新”选项勾除。

 

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

Image Removed注意:“允许局部刷新”前的图标为Image Added,表示该照相机表格是允许局部刷新的;“允许局部刷新”前的图标为Image Added,表示该照相机表格是不允许局部刷新的。

 

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

 

 

 

 

 

 

...