交互設計

8 自助儀表板-交互設計

概述

自助儀表板通過互動式設計，能夠滿足資料分析人員與儀表板之間的交互需求，靈活地對業務人員的分析操作作出回應。

根據應用場景的不同，自主儀表板的互動式效果可分為：“聯動”、“下鑽”、“跳轉”、“展開/收縮”。

簡介

聯動：指當自助儀表板內的元件之間含有邏輯關係時，可以通過將某個元件設置 “作為篩選器”的方式，實現點擊該元件資源來動態篩選其他元件資源的資料結果。例如下圖中：點擊左側地圖中某區域，可以動態篩選右側南丁格爾玫瑰圖和圓餅圖中的資料。

下鑽：指對資料分析以維細微性逐層細化分析的一種分析效果。例如下圖中：可對區域細微性資料下鑽到該區域下各省份細微性進行分析。

跳轉：指當多個自助儀表板含有邏輯關係時，實現多個自助儀表板之間的互動。例如下圖中：在源儀表板中通過點擊元件資源，開啟目標自助儀表板進行瀏覽、分析。

展開/收縮：指在交叉表元件中對行、列資料進行逐層展開，實現對資料的細微性進行細化分析。例如下圖中：按一下交叉表中區域列頭上方的“展開”圖示，表展開該區域下方各省的資訊及資料。

8.1 自助儀表板-聯動

範例及解析

1、概念：自助儀表板的聯動效果是指自助儀表板內的元件可以一鍵設置作為聯動的來源報表，使其他元件圖表根據來源報表實現動態資料篩選，如下動圖：

2、範例效果解析：

1）通過聯動可以實現由匯總圖表聯動查看明細分析的效果； 2）例如此範例中的銷售分析儀表板，“全國銷售分析”呈現的是全國各省銷量及銷售額的分佈情況，“產品銷量占比”呈現的是各類產品的銷售量占比，“產品銷售額占比”呈現的是各類產品銷售額的占比，“城市銷售分析”呈現的是各省中城市的銷量及銷售額情況； 3）通過點擊呈現匯總資料的地圖實現右邊三個圖表的聯動呈現明細資料：

“產品銷量占比”中的玫瑰圓餅圖通過聯動呈現的是對應省份下的各類產品銷量占比情況； “產品銷售額占比”中的普通圓餅圖通過聯動呈現的是對應省份下的各類產品銷售額占比情況；“城市銷售分析”中的表格通過聯動呈現的是對應省份中各城市的銷量及銷售額情況。

實現步驟

1、創建自助儀表板，如下圖：

2、在地圖元件的右上角按一下作為篩選器圖示，如下圖：

注：未設置元件“作為篩選器”時，漏斗圖示呈灰色顯示；設置元件“作為篩選器”後，漏斗圖示呈藍色顯示。

3、最終效果如下：點擊地圖中的省份，可以聯動篩選其他圖表的資料：

4、增加地圖聯動影響的報表的方法：在地圖元件右上角的更多功能表下選擇影響報表，顯示“影響報表”功能表，勾選的報表則表示受地圖元件聯動影響，未勾選則表示不受地圖組件聯動影響。如下圖所示：

8.2 自助儀表板-下鑽

概述

下鑽功能是指對資料分析以維細微性逐層細化分析的一種分析效果。

下鑽包括：自動下鑽和自訂下鑽。

自動下鑽包括：時間階層維度下鑽、地理階層維度下鑽和自訂階層維度下鑽。

簡介

類型	效果
自動下鑽：基於維度自身含有的階層結構或自訂階層結構的維度構建，系統支援逐級往下鑽取的動態效果。自動下鑽包括：時間階層維度下鑽、地理階層維度下鑽和自訂階層維度下鑽。	時間階層維度下鑽：指在日期資訊維度上進行的下鑽，如從“年”下鑽到“季”，到“月”等。 日期內容通常含有內在的階層關係，如“年-季-月-日”等的層級結構。
地理階層維度下鑽：指在地理維維度上進行的下鑽，如從“省份”下鑽到“市”等。 地理資訊通常含有內在的階層關係，如“區域-省份-地市-縣-鄉鎮”等。 地理階層維度的下鑽支援觸發下鑽的源資源可以是地圖，也可以是其它圖形。	地圖中的下鑽，用於強調區域分佈情況。
	圖形（如“直條圖”）的下鑽，用於強調各區域的資料。
	自訂階層維度下鑽：指沒有包含或階層關係的欄位，使用者手動建立這些欄位間的包含或階層關係，實現下鑽效果。 例如：“區域”、“銷售人員”和“產品目錄名稱”這三者沒有包含或階層關係，我們通過自訂階層目錄，並將這三個欄位依照業務邏輯進行層級排序，可以實現從“區域”下鑽到“銷售人員”，再下鑽到“產品目錄名稱”的下鑽效果。
自訂下鑽：指在沒有階層結構的維度中，通過設置下鑽規則來實現鑽取效果。 自訂下鑽的實現通常隱含了關聯關係。詳情參考自訂下鑽。

8.2.1 功能範例-時間階層維度下鑽

範例及解析

1、概念：時間階層維度下鑽顧名思義就是在時間維度上的鑽取，用年季月日等時間欄位層層鑽取進行更深細微性分析，獲取更加詳細資訊。如下圖：

2、範例解析：

1）通過鑽取可以實現具有時間階層的維度，層層下鑽的效果，每下鑽一層建立一個嚮導頁籤，點擊任意嚮導頁籤返回頁籤所屬資源層。

2）範例中通過“年”鑽取到“季”，從“季”鑽取到“月”，再從“月”鑽取到“日”可以查看到不同層級“年”的銷售額分佈情況，另外通過點擊嚮導頁籤可以返回。實現步驟

本節範例效果基於“DEMO”資料來源來實現，步驟如下：

1、創建時間維度。創建時間維度可以在自助資料集中實現，也可以在儀表板中實現，本節以在自助資料集中創建進行說明。在儀表板中創建請參考選擇資料來源。

在自助資料集中，把滑鼠移動到“OrderDate”右鍵點擊“創建時間維度”。如下：

彈出如下對話方塊，可以選擇想要創建的時間維度。

擇“年季月日”後點擊確定。如下：

注：只有DATE和DATETIME類型的欄位才可以創建時間維度。

2、新建自助儀表板。把時間階層欄位“年”拖到“列區、把量值區欄位“銷售額”拖到“欄區”作如下“直條圖”。

3、下鑽效果。

點擊2013年柱條直接下鑽到季度，呈現出每個季度的銷售額，可點擊“嚮導頁籤”返回按鈕，上鑽到年度銷售總額。

點擊第2季度柱子，下鑽到4、5、6月份的銷售額。可直接點擊“嚮導頁籤”2013，上鑽到上一層季度的銷售額情況。

點擊4月份，直接下鑽到每日的銷售額情況顯示。可點擊“嚮導頁籤”逐級上鑽到上一層，也可直接點擊返回按鈕，返回最上層。

8.2.2 功能範例-地理階層維度下鑽

範例及解析

1、概念：地理階層維度下鑽是在地理維度上的鑽取，實現多級（省、市(州)、縣(區)）地理維度自動下鑽和上鑽返回效果，獲取更深細微性分析。有如下應用：

應用	效果
應用於地圖，可直觀實現地理區域的下鑽，強調地圖中的資料分佈。
應用於直條圖，根據地理維度階層下鑽，強調資料。

2、範例解析：

1）通過鑽取可以實現具有地理階層的維度，逐層下鑽的效果，每下鑽一層建立一個嚮導頁籤，點擊任意嚮導頁籤返回頁籤所屬資源層。

2）範例中通過“發貨區域”鑽取到“省份”，再從“省份”鑽取到“地市”，可以查看到不同層級區域的銷售額分佈情況，另外通過點擊嚮導頁籤可以上鑽返回。

實現步驟

本節範例效果基於“DEMO”資料來源來實現。兩個應用實現步驟基本一致，區別在於：應用于直條圖時，標記地理維為可選操作；應用于地圖時，標記地理維為必選操作。這裡以地圖為例進行說明，步驟如下：

1、新建階層。創建階層可以在自助資料集中實現，也可以在儀表板中實現，本節以在自助資料集中創建進行說明。在儀表板中創建請參考選擇資料來源。

新建自助資料集，在“表屬性區”的空白區的右鍵功能表中選擇新建階層。

2、彈出“新建階層”對話方塊，輸入階層名稱為“地區”。

3、按一下確定按鈕，清單區增加“地區”階層目錄，將“訂單表”中的“發貨區域”、“發貨省份”、“發貨城市”欄位拖拉到該維階層目錄下。

順序從上至下依次為：“發貨區域”>“發貨省份”>“發貨城市”。

4、分別在欄位“發貨區域”、“發貨省份”、“發貨城市”的右鍵功能表中選擇標記地理維度。

5、新建自助儀表板。在智慧配圖下選擇地圖，再把地理維階層中的“發貨省份”欄位拖動到“列區”，把“銷售額”欄位拖動到“顏色”標記項，作如下地圖：

點擊"四川省"，自動下鑽到“四川省”的省份地圖。也可點擊“嚮導頁籤”中的返回按鈕實現上鑽。

8.2.3 功能範例-自訂階層維度下鑽

範例及解析

1、概念：是把沒有必然階層關係的欄位建立階層關係進行的下鑽，如“發貨區域”、“銷售人員”和“產品目錄名稱”欄位，建立階層實現從“區域”下鑽到“銷售人員”，再下鑽到“產品目錄名稱”。如下圖：

2、範例解析：

1）通過自訂階層關係可以實現沒有階層關係欄位之間的下鑽。根據實際需求逐層下鑽，每下鑽一層建立一個嚮導頁籤，點擊任意嚮導頁籤返回頁籤所屬資源層。

2）範例中，通過“發貨區域”下鑽到“銷售人員”再下鑽到“產品目录名稱”，實現查看不同區域的銷售額情況，進而瞭解區域中銷售人員的銷售額情況，再細化到每個銷售人員所銷售產品類別的情況，通過點擊嚮導頁籤可以上鑽回去。

實現步驟

本節範例效果基於“DEMO”資料來源來實現，步驟如下：

1、創建自訂階層。創建自訂階層可以在自助資料集中實現，也可以在儀表板中實現，本節以在自助資料集中創建進行說明。在儀表板中創建請參考選擇資料來源。

新建自助資料集，在表屬性清單空白區的右鍵功能表中選擇“新建階層”。

2、彈出“新建階層”對話方塊，輸入階層名稱為“區域銷售情況”：

3、按一下確定按鈕，清單區增加“區域銷售情況”階層目錄，將“訂單表”中的“發貨區域”欄位，“產品目錄表”中的“產品目錄名稱”欄位，“雇員表”中的“銷售人員”欄位拖拉到該階層目錄下。

順序從上至下依次為：“發貨區域”>“銷售人員”>“產品目錄名稱”。

4、新建自助儀表板。在智慧配圖下選擇直條圖，再把區域銷售情況階層“發貨區域”欄位拖動到“列區”，把“銷售額”欄位拖動到“欄區”如下所示：

5、執行下鑽操作。點擊"華北"，自動下鑽到“華北”區域下的銷售人員的銷售情況，可點擊“嚮導頁籤”返回上一層。

再點擊“方先生”下鑽到方先生負責的產品類別銷售情況，可點擊“嚮導頁籤”逐層返回，也可直接點擊返回按鈕返回最上層。

8.3 自助儀表板-跳轉

範例及解析

1、概念：跳轉是指通過按一下等觸發動作從源資源跳轉到目標資源，並且實現傳遞參數值的資源互動效果。如下動圖所示：

2、範例解析

此範例實現的是從匯總報表跳轉至明細資料圖形的效果：來源報表呈現的是產品類別各類銷售額情況，點擊跳轉下鑽至某類別下各產品的銷售額資料。

實現步驟

該效果實現的步驟如下：

1)在自助儀表板設計介面中新建一個清單表，拖拉“產品類別”“銷售額”欄位到“欄區”並且儲存。

2）再新建一個直條圖的自助儀表板，將“產品名稱”、“銷售額”欄位拖拉到“欄區”，拖拉“產品類別”欄位到“篩選器區域”，並儲存。如下圖所示：

3）編輯清單表所在儀表板，在元件的更多功能表中選擇設置跳轉規則，如下圖所示：

4）開啟“設置跳轉規則”視窗，選擇跳轉到目標報表，設置開啟方式以及對跳轉目標傳值（如下圖所示），儲存即可。

上圖設置實現：從匯總報表中，點擊跳轉至直條圖報表，並將該行的清單表中"產品類別"值傳給清單表的"產品類別"參數。該圖各設定選項詳情請參見下面的跳轉規則設置說明。

跳轉規則設置說明

設定選項	說明	範例效果
跳轉到	用於設置跳轉的目標資源。	無
開啟方式-新視窗	以新視窗的方式開啟跳轉的目標資源
新Tab頁	以新Tab頁的方式開啟跳轉的目標資源。
浮動框	以浮動框的方式開啟跳轉的目標資源。
替換源頁面	以替換源頁面的方式開啟跳轉的目標資源。
對跳轉目標傳值	用於設置把源資源的觸發參數傳遞到目標資源的篩選器。

8.4 自助儀表板-展開/收縮

範例及解析

1、概念：展開/收縮是指具有階層結構的維度在交叉表中支援按一下逐層展開以及收縮維度的動態效果。

2、範例解析：上圖效果顯示的是具有階層結構的幾個區域維度構建的交叉表，可以進行逐層展開和收縮實現查看不同層級匯總資料的效果。

實現步驟

1、設計階層維度：

展開的效果必須以階層維度為基礎，因此我們要先定義階層維度。

1）在自助資料集中定義創建階層維度，如下圖所示：

2）在自助儀表板中創建階層維度：

①新建自助儀表板，資料選擇任意自助資料集；

②在自助資料集資源區的右鍵功能表選擇新建階層，開啟“新建階層”對話方塊，輸入階層名稱並儲存，資源區顯示“地區”階層目錄，拖拉表“訂單表”下的“發貨區域、發貨省份、發貨城市”欄位到“區域”階層目錄中，如下圖所示：

2、在自助儀表板中使用階層維度

1）將剛剛定義的階層維度：“發貨區域”拖拉到“列區”，將量值“銷售額”欄位拖拉到“匯總”標記項，如下圖所示：

2）儲存目前儀表板，即實現範例效果。

注：自助儀表板基於分析主題設計時，分析主題下的分析物件預設是一個階層目錄，分析屬性預設是階層維度。