355      阿裏雲  技術社區[雲棲]

製作報表-儀表板__製作報表_Quick BI-阿裏雲

1 什麼是儀表板

儀表板是一個顯示報表數據的交互式頁麵，報表閱讀者能夠基於儀表板設置數據查詢條件，儀表板能夠根據設置的條件進行數據查詢

一個典型的儀表板類似這樣的樣式：

2 頁麵元素

2.1 畫布

畫布

畫布是容納其他頁麵元素的容器，控件等頁麵元素都在畫布上。可以選擇：

• 自適應畫布寬度
• 設定畫布寬度

在報表製作首頁選擇新建儀表盤，進入儀表盤頁麵後,在右側麵板中可以進行畫布設置。

2.2 布局

列布局

列布局是一個容器，用於將多個控件（圖表）放置在畫布的一行內。選中一個列，可以添加控件。

• 支持設置多列的布局
• 支持設置列的寬度比例

下圖展示了兩列的布局

將圖表控件置於第一列中

TAB頁

TAB 頁布局是以 TAB 標簽頁方式進行的畫布布局。每個 TAB 頁內的內容之間互相獨立。報表在點擊 “TAB” 頁的時候，完成頁麵加載。

WEB 頁麵

Web 頁麵以 iFrame 嵌入的方式，嵌入一個獨立的 URL 網頁。 嵌入的 URL必須以 HTTPS 方式提供

2.3 圖表

圖表簡介

係統通過圖表組件顯示數據

圖表組件提供以下類型的數據顯示，係統能夠根據要查詢的數據結構的維度和計量特征，智能推薦數據的顯示形式。

• 交叉表
• 柱狀圖
• 折線圖
• 餅圖
• 油量表
• 雷達圖
• 極地坐標圖
• 散點圖
• 地圖氣泡圖
• 地圖色彩圖
• 漏鬥圖
• 指標看板

數據源

圖表組件的數據源支持以下數據源：

1. 來自工作表：關聯顯示某個工作表中的數據內容

   選擇工作表為數據源類型

   

   從工作表列表中選擇一個工作表

   

   圖表控件關聯到工作表

   

2. 來自數據集：關聯顯示某個“數據”集中的數據內容

圖表組件的其他特性： 圖表組件的數據源能夠被其他頁麵控件中的條件所過濾 ，能夠設置單次頁麵的最大顯示條數，避免因為數據量過多導致頁麵占用係統資源過大

圖表樣式

在樣式標簽頁中，進行對圖表樣式的編輯。

交叉表

交叉表形式展示的數據格式與工作表展示格式相同，即可以直接以工作表的樣式，在儀表盤中顯示數據。

支持點擊列頭進行排序：

柱狀圖

以 Demo 數據為例，柱狀圖可以通過選擇右側麵板中布局方式的不同組合，如分組、堆疊、填充等，顯示為以下不同效果：

報表閱讀者界麵同樣可在在報表閱讀過程中，進行部分屬性的設置

曲線圖

以 Demo 數據為例，曲線圖可以通過選擇右側麵板中布局方式的不同組合，如分組等，顯示為以下不同效果：

報表閱讀者界麵同樣可在報表閱讀過程中，進行部分屬性的設置

餅圖

以 Demo 數據為例，餅圖可以通過在右側麵板中選擇布局方式的不同選項，如默認、環狀和 3D ，顯示為以下效果：

油量表

油量表用於顯示沒有維度的數據結構

雷達圖

以 Demo 數據為例，曲線可以顯示為以下效果：

極地坐標圖

以 Demo 數據為例，曲線可以顯示為以下效果：

散點圖

如果其中某個維度的取值有 5 種，則推薦散點圖的顯示

地圖氣泡圖

在數據集中存在地理維度的時候，數據集能夠以地圖方式進行數據顯示。支持區域、省、市三級顯示。 以省維度舉例顯示如下：

地圖色彩圖

在數據集中存在地理維度的時候，數據集能夠以地圖方式進行數據顯示。支持區域、省、市三級顯示。 以省維度舉例顯示如下：

漏鬥圖

2.4 控件

控件簡介

控件用於過濾頁麵圖表組件的顯示數據，並提供其他的輔助功能，比如導出等。

控件包含：

1. 文本框：用於各種固定文本的輸入
2. 過濾器：用於對數據集（包括工作表關聯到的數據集）的字段過濾
3. 日期時間：是針對日期類型的特殊的一種過濾器
4. 查詢條件：針對數據集中的維度，進行多個條件的設置，相當於過濾器的組合
5. 按鈕：觸發查詢請求
6. 評論：提供報表閱讀者填寫信息的組件，相關信息被報表閱讀者共享

文本框

文本框用於一段固定文本的輸入。文本框支持富文本的編輯模式。文本框可用於製作報表的標題等。

查詢條件

查詢條件是數據集中各個字段設置查詢的過濾條件，查詢條件需要配合“按鈕”控件一同使用，通過按鈕觸發查詢條件的查詢動作。

屬性設置

1. 關聯到圖表的數據集
2. 選擇過濾字段

閱讀者界麵

報表閱讀者能否設置字段的過濾條件，然後點擊”查詢”，即可完成對數據的過濾操作

約束條件

1. 查詢條件需要配合查詢按鈕一並使用
2. 各個查詢條件之間關係為 “AND”
3. 一個查詢條件關聯到一個數據集，影響到使用該數據集的所有圖表控件

按鈕

按鈕作用有以下兩個：

1. 觸發頁麵查詢，刷新頁麵數據
2. 觸發頁麵數據的導出功能依賴租戶的配置參數

一個按鈕需要關聯到一個工作表或者數據集。

屬性設置

1. 查詢

   

2. 導出

   導出功能根據租戶的不同而不同。一個複雜的配置如下圖所示：

   

3. 按鈕樣式

   

約束條件

1. 導出的目的地根據租戶設置不同而不同
2. 導出為異步的後台任務

3 分享

轉讓、分享功能可作用於數據集、工作表、儀表盤和數據產品。

3.1 轉讓

通過轉讓功能，修改報表的作者

3.2 分享

通過分享功能，報表製作者可以授予報表閱讀者閱讀報表的權限。分享的有效期可以通過租戶配置功能進行設置。

4.2 查詢加速

加速設置

在租戶配置了加速資源的情況下，係統提供加速報表功能。通過加速，報表編輯者和報表閱讀者能夠更快速地編輯和閱讀報表。

加速操作是將數據從源同步到更快的數據存儲上，以實現更快的查詢速度。目前支持RDS 和 ADS兩種加速環境的設置。如果配置了兩種加速環境，係統根據數據量，自動選擇目標環境。

目前加速支持以下 3 種模式：

1. 源表取全表數據，覆蓋全部目標表
2. 源表取最新分區數據，覆蓋全部目標表
3. 源表取最新分區數據，增量添加到目標表數據

4.3 租戶管理

配置項

配置是根據根據當前用戶所在的租戶和工作空間，進行對應設置。僅僅是租戶管理員的用戶才能使用該功能。係統支持以下配置項。

加速設置

設置項：

1. 每用戶最大加速個數
2. 加速支持的最大記錄數
3. ADS 加速地址
4. RDS 加速地址
5. ADS/RDS 加速數據量大小分界線

管理員設置

通過管理員設置功能，可以將某些用戶設置為管理員，使其具備相應的操作權限。

分享有效期設置

在環境具備的情況下，可以對分享功能進行配置

5 常見問題

5.1 如何向報表傳遞參數

通常情況下，在儀表盤中的圖表控件接受過濾器控件、日期控件、查詢條件控件的控製。但是如果需要傳入參數聯動圖表控件的話，則需要使用如下的集成方式。

在報表閱讀者界麵打開報表，選擇過濾條件，獲取瀏覽器地址欄中的地址。如下圖所示：

URL地址為：

https://das4int2.alipay.com/shulaibao/preview.htm?pageId=92d0098c-4204-4519-a943-939be08250ed#f3d57cd5-e39f-4132-9c49-4eb2e235f648*=*{"string":{"isCondition":false,"condition":{"type":"or","item":[{"type":"=","left":{"pathId":"schema072774.de43228f-dead-4ada-9f2d-ee73abedf7aa_company_sales_record_my.[company_sales_record_my_order_level].[company_sales_record_my_order_level].[company_sales_record_my_order_level]"}}]},"enumerate":{"type":"in","right":["低級"],"left":{"pathId":"schema072774.de43228f-dead-4ada-9f2d-ee73abedf7aa_company_sales_record_my.[company_sales_record_my_order_level].[company_sales_record_my_order_level].[company_sales_record_my_order_level]"}}}}

其中“低級”就是過濾器的輸入值，可以將該值改為”高級”，頁麵如下：

URL為：

https://das4int2.alipay.com/shulaibao/preview.htm?pageId=92d0098c-4204-4519-a943-939be08250ed#f3d57cd5-e39f-4132-9c49-4eb2e235f648*=*{"string":{"isCondition":false,"condition":{"type":"or","item":[{"type":"=","left":{"pathId":"schema072774.de43228f-dead-4ada-9f2d-ee73abedf7aa_company_sales_record_my.[company_sales_record_my_order_level].[company_sales_record_my_order_level].[company_sales_record_my_order_level]"}}]},"enumerate":{"type":"in","right":["高級"],"left":{"pathId":"schema072774.de43228f-dead-4ada-9f2d-ee73abedf7aa_company_sales_record_my.[company_sales_record_my_order_level].[company_sales_record_my_order_level].[company_sales_record_my_order_level]"}}}}

最後更新：2016-12-20 21:00:46

  上一篇： 製作報表-工作表__製作報表_Quick BI-阿裏雲

  下一篇： 製作報表-門戶__製作報表_Quick BI-阿裏雲