页面树结构

版本比较

标识

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

...

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

 

对仪表盘页面进行整体布局,如下:

Image Modified

   

3.数据交互效果确定

...

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

Image Modified

 

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

 

实现

1.创建参数

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

Image Added

 

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

Image Added

 

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

Image Added

 

2.创建业务查询

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

其中柱图查询如下:

Image Removed

 

...

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

Image Added

预览如下:

Image Added

 

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

Image Added

预览如下:

Image Added

 

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

Image Added

预览如下:

Image Added

 

3.创建电子表格

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

Image Added

 

4.柱图制作

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

Image Added

 

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

Image Added

 

(3)选中A1:B2单元格,在工具栏“Smartbi”页签下,找到“图形”菜单,点击

Image Added

 

(4)在弹出的图形设置界面中,点击“柱图”,选择“普通柱图”

Image Added

 

(5)勾选“产品目录”为“分类(X)轴”,“销售量”为“指标(Y)轴”,如下:

Image Added

 

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

Image Added

 

5.创建饼图

(1)