页面树结构
转至元数据结尾
转至元数据起始

正在查看旧版本。 查看 当前版本.

与当前比较 查看页面历史

« 前一个 版本 15 下一个 »

说明

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

 

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

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

 

 

设计

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中会生成一个图形,如下:

 

5.饼图制作

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

 

(2)切换到“图例”这个页签下,设置图例显示在图表右侧

 

(3)点击确定,如下:

 

6.表格制作

(1)切换到“表格”Sheet中,设置如下静态表样

 

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

 

(3)选择A3-E3,设置“扩展方向”为“从上到下”,数据设置为“列表”

 

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

 

(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.参数控件设置

 

 

 

 

 

 

 

 

 

  • 无标签