漏斗視覺化報表可讓報表建立者以視覺化方式呈現指標在連續程序中因事件而變化的情形。舉例來說,漏斗圖表可以有效呈現銷售漏斗中的潛在客戶階段、行銷活動參與度,或網站訪客的流動情形。
漏斗圖表最有效的情況是,流程的第一個階段最大 (例如 100%),且每個後續階段的數值都會遞減。漏斗圖會根據每個長條的寬度變化,顯示各個類別的值;值越大,長條就越寬,反之亦然。
選取「倒三角形」漏斗圖樣式選項時,您也可以選擇變更每個長條的高度,藉此顯示各個類別的值。
需求條件
- 維度:這個維度的值會提供漏斗圖表中每個步驟或事件的標籤,讓您查看每個事件之間的差異。
- 指標:這項指標可評估維度中包含的事件,並決定漏斗圖表中每個事件的寬度和位置。
- 排序欄位:這個欄位會用於排序漏斗圖表中的事件。
注意事項
請注意下列 Looker Studio 漏斗圖的相關事項:
- 報表建立者可以依設定的指標,以遞增或遞減順序排序漏斗圖表。這可讓報表建立者以不同方式顯示指標的變化情形。如果您選擇依指標以外的項目排序 (例如設定維度或維度標籤),漏斗圖表會依字母順序排序,而非依數值排序。
- 即使「長條標籤位置」樣式選項設為「內部」,資料標籤仍會自動顯示在長條內或外 (視長條的寬度是否可容納文字而定)。
- 將滑鼠游標懸停在漏斗圖中的長條上,即可開啟工具提示,查看有關長條值的詳細資訊。
漏斗圖範例
您可以設定漏斗圖表,以多種方式顯示資料。本節提供下列漏斗樣式選項的範例:
這些漏斗樣式選項位於圖表的「屬性」面板的「樣式」分頁中。
平滑長條
平滑長條選項會以平滑邊緣的長條顯示漏斗圖資料,並將這些長條連接在一起。每個長條的寬度會因其值而異。值越大,長條就越寬;值越小,長條就越窄。經過平滑處理的漏斗圖表不一定會到達某個點。
舉例來說,漏斗圖會以視覺化方式呈現「網站事件」維度和「事件計數」指標,以便追蹤網站觀眾的購買次數。這張平滑的長條漏斗圖會依「事件計數」指標依序顯示下列事件名稱,並以「資料標籤」顯示「前一個百分比」:
- 查看產品 (100% )
- 加入購物車 (63.45%)
- 購買 (44.77%)
- 註冊帳戶 (13%)
- 取消訂單 (0.53%)
每個長條的頂端寬度都與前一長條的最小寬度相同,方便使用者快速比較各個事件類別的對應值。
階梯長條
階梯狀長條選項會以階梯狀長條顯示漏斗圖表資料,每個長條的寬度會根據其值而有所不同。值越大,長條就越寬;值越小,長條就越窄。
舉例來說,漏斗圖會以視覺化方式呈現「網站事件」維度和「事件計數」指標,追蹤網站觀眾的購買次數。階梯狀長條漏斗圖會依「事件計數」指標依序顯示下列事件名稱,並以「前一個百分比」資料標籤排序:
- 查看產品 (100% )
- 加入購物車 (63.45%)
- 購買 (44.77%)
- 註冊帳戶 (13%)
- 取消訂單 (0.53%)
每個事件類別的長條會與前面的長條清楚對照顯示,更能代表漏斗圖表中顯示的資料。
倒三角形
反向三角形選項會以更一致的三角形顯示漏斗圖表資料,並在底部顯示一個點,三角形中各個值的寬度和順序會根據值而異。指標值較高的事件會顯示在較寬的區塊,或位於三角形底部附近。
舉例來說,漏斗圖會以視覺化方式呈現「網站事件」維度和「事件計數」指標,追蹤網站觀眾的購買次數。倒三角形漏斗圖會依「事件計數」指標由高至低排序,並顯示下列事件名稱,以及「前一個」資料標籤。
- 查看產品 (100% )
- 加入購物車 (63.45%)
- 購買 (44.77%)
- 註冊帳戶 (13%)
- 取消訂單 (0.53%)
或者,您也可以在「Style」分頁中啟用「Use proportional heights」選項,藉由變更每個長條的高度來顯示值。值越大,長條就越高;值越小,長條就越短。
漏斗資料以更精簡且一致的形式呈現,讓使用者能快速判斷事件類別的事件次數高低。
新增圖表
新增圖表或選取現有圖表。接著,使用「Properties」面板設定圖表的「Setup」分頁和「Style」分頁屬性,分別設定圖表資料和圖表樣式。
設定圖表資料
「屬性」面板「設定」分頁中的選項會決定圖表資料的排序和顯示方式。
資料來源
資料來源可在元件和基礎資料集之間建立連結。
- 如要變更圖表的資料來源,請按一下目前的資料來源名稱。
- 如要查看或編輯資料來源,請按一下
「編輯資料來源」圖示。(您必須至少具備檢視者權限,才能看到這個圖示)。
- 按一下「混合資料」,即可在同一張圖表中查看多個資料來源的資料。進一步瞭解資料混合。
維度
維度是資料類別。維度值 (維度所包含的資料) 是類別的名稱、說明或其他特徵。
這個維度會為漏斗圖表長條提供標籤。
指標
指標可評估維度中包含的項目,並為圖表提供數值刻度和資料序列。
指標是來自基礎資料集的匯總資料,或是隱含或明確套用匯總函式 (例如 COUNT()
、SUM()
或 AVG()
) 的結果。指標本身沒有定義的值組,因此您無法像使用維度那樣,依指標進行分組。
篩選器
篩選器會納入或排除您指定的值,限制元件中顯示的資料。進一步瞭解篩選器資源。
篩選器選項包括:
- 「Filter name」(篩選條件名稱):按一下現有篩選器即可編輯。將滑鼠游標懸停在篩選器名稱上,然後按一下「X」即可刪除。
- 新增篩選器:按一下這個選項,為圖表建立新的篩選器。
日期範圍維度
如果資料來源含有有效的日期維度,系統就會顯示這個選項。
日期範圍維度會用來限制圖表的日期範圍。舉例來說,如果您為圖表設定日期範圍屬性,或是報表檢視者使用日期範圍控制項來限制時間範圍,系統就會使用這個維度。
漏斗圖表可選擇使用這個欄位。
預設日期範圍篩選器
您可以使用預設日期範圍篩選器,為個別圖表設定時間範圍。
預設日期範圍篩選器選項包括:
- 自動:使用圖表資料來源決定的預設日期範圍。
- 自訂:可讓您使用日曆小工具,為圖表選取自訂日期範圍。
排序
您可以使用「排序」欄位選擇維度,以「遞增」或「遞減」順序排序漏斗圖表上的長條。
根據預設,設為「指標」的欄位也會是「排序」欄位。
圖表互動
交叉篩選功能可讓報表檢視者與單一圖表互動,並將該互動做為篩選器套用至報表中的其他圖表。為圖表啟用交叉篩選功能後,只要按一下圖表中一或多個維度值,即可篩選報表。進一步瞭解交叉篩選。
設定圖表樣式
「Style」分頁中的選項可控制圖表的整體呈現方式和外觀。
圖表標題
開啟「顯示標題」切換鈕,即可為圖表新增標題。Looker Studio 可自動產生標題,您也可以為圖表建立自訂標題。您也可以自訂標題的樣式和位置。
自動產生
這個選項預設為啟用。啟用「Autogenerate」後,Looker Studio 會根據圖表類型和圖表中使用的欄位產生標題。變更圖表類型或圖表中使用的欄位後,系統產生的標題就會更新。
如要在圖表中新增自訂標題,請在「標題」欄位中輸入標題。這麼做會關閉「自動產生」設定。
標題選項
啟用「顯示標題」設定後,您可以使用下列標題選項:
- 標題:提供文字欄位,讓報表編輯者輸入圖表的自訂標題。
- 字型系列:設定標題文字的字型類型。
- 字型大小:設定標題文字的字型大小。
- 字型顏色:設定標題文字的字型顏色。
- 字型樣式選項:將粗體、斜體或底線樣式套用至標題文字。
- 頂端:將圖表標題置於圖表頂端。
- 底部:將圖表標題置於圖表底部。
- 左:將圖表標題對齊圖表左側。
- 置中:將圖表標題置於圖表上方或下方,並置中顯示。
- 右側:將圖表標題對齊至圖表的右側。
漏斗圖
您可以透過「漏斗形狀」設定,選擇要如何顯示漏斗圖表資料。選項包括:
- 平滑長條:以平滑邊緣的長條顯示漏斗圖資料,並將這些長條連接在一起。每個長條的寬度會因其值而異。值越大,長條就越寬,值越小,長條就越窄。使用經過平滑處理的資料欄製作漏斗時,不一定會出現尖峰。請參閱本頁的平滑條形圖示範例。
- 階梯狀長條:以階梯狀長條顯示漏斗圖表資料,每個長條的寬度會根據其值而異。值越大,長條就越寬,值越小,長條就越窄。請參閱本頁的階梯狀圖示範例。
- 倒三角形:以更一致的形狀顯示漏斗圖表資料,其中三角形中每個值的寬度和順序會根據值而異。請參閱本頁的倒三角示例。
- 使用等比例高度:啟用後,系統會根據高度顯示倒三角形漏斗圖資料。值越大,長條就越高;值越小,長條就越短。開啟切換鈕,即可啟用或停用「使用比例高度」設定。只有在選取「Inverted triangle」選項時,才能使用這項設定。
- 顯示資料標籤:啟用「顯示資料標籤」後,漏斗圖會顯示漏斗圖中每個長條的標籤。開啟切換鈕,啟用或停用「顯示資料標籤」設定。
如要進一步瞭解每個漏斗形狀的顯示方式,請參閱本頁的「漏斗圖範例」一節。
資料標籤
本節可控制漏斗圖表長條的資料標籤呈現方式。開啟「顯示資料標籤」設定,即可查看下列選項:
- 顯示資料標籤:設定標籤的顯示方式。選項包括「數字」、「百分比」或「數字 + 百分比」。
- 百分比類型:選取「百分比」或「數字 + 百分比」資料標籤類型時,您可以選擇要顯示的百分比。選項包括:
- 最大值的百分比:比較長條圖的值與圖表中最大值。
- % of previous:比較圖表中某個長條的值與前一個長條的值。
- 顯示維度:顯示漏斗圖表中每個長條的維度值。開啟或關閉切換按鈕,啟用或停用這項設定。
- 顯示指標:顯示漏斗圖表中每個長條的指標值。開啟或關閉切換按鈕,啟用或停用這項設定。
- 簡短數字:會四捨五入並顯示單位指標。舉例來說,553,939 會變成 553.9K。只有在「顯示資料標籤格式」設為「數字」時,才能使用這個選項。
- 小數位精確度:設定指標值中顯示的小數位數量。只有在「顯示資料標籤格式」設為「數字」時,才能使用這個選項。如果「顯示資料標籤為」設為「百分比」,小數位精確度一律為 2。
- 字型系列:設定標籤文字的字型類型。
- 字型大小:設定標籤文字的字型大小。
- 字型顏色:設定標籤文字的顏色。
- 字型樣式選項:將粗體或斜體樣式套用至標籤文字。
長條標籤位置:設定標籤相對於長條的相對位置。選項包括「Inside」或「Outside」。
背景顏色:設定標籤文字的背景顏色。
標籤透明度:如果標籤使用自訂背景顏色,這個設定會調整標籤文字背景的透明度。100% 不透明度會使背景變成實心,0% 不透明度則會使背景完全透明。
標籤邊框半徑:如果標籤使用自訂背景顏色,這個設定會為圖表背景新增圓角邊框。請選擇 0 像素 (90° 角落) 到 20 像素 (最大圓角) 之間的值。
依下列項目著色:
這些選項可控制漏斗圖表的顏色:
- 單一顏色:選取這個選項後,資料序列會以單一顏色的色調顯示。否則,圖表會根據報表主題顯示多種顏色。您可以使用顏色挑選器設定特定顏色。
- 長條順序:根據資料在圖表中的位置,使用目前的主題為資料著色。這個選項會強調資料的排名,而非資料的身份。您可以按一下每個色塊,為每個色塊位置指定顏色。(順序是從左上角色塊往右)。
- 維度值:這個選項會使用維度值色彩對應表中指定的顏色,為圖表中的每個維度值著色。這個選項可確保資料使用一致的顏色,無論資料在圖表中的哪個位置皆然。
長條邊框顏色
您可以使用「長條圖邊框顏色」設定,變更漏斗圖表中長條圖的輪廓顏色。您也可以在「主題」選單的「版面配置」分頁中,為報表中的所有圖表指定長條邊框顏色。
背景和邊框
這些選項可控制圖表背景容器的外觀:
- 背景:設定圖表背景顏色。
- 不透明度:設定圖表的不透明度。100% 不透明度會完全隱藏圖表後方的物件。透明度為 0% 時,圖表會變成不可見。
- 邊框顏色:設定圖表邊框顏色。
- 邊框半徑:為圖表背景新增圓角邊框。半徑為 0 時,背景形狀的邊角會為 90°。邊框半徑為 100° 時會產生圓形。
- 框線寬度:設定圖表框線線條的粗細。
- 框線樣式:設定圖表框線線條樣式。
- 新增框線陰影:為圖表的下框線和右框線加上陰影。
圖表標題
圖表標題可讓觀眾在圖表上執行各種操作,例如匯出資料、向上或向下鑽研,或對圖表進行排序。圖表標題選項包括:
- 圖表標題:控制圖表標題在圖表中顯示的位置。圖表標頭選項包括:
- 不顯示:標頭選項不會顯示。請注意,報表檢視者隨時都能在圖表上按一下滑鼠右鍵,存取這些選項。
- 一律顯示:標頭選項一律會顯示。
- 懸停顯示 (預設):將滑鼠游標懸停在圖表標題上,就會顯示三個垂直排列的圓點。點選這些選項即可存取標頭選項。
- 標題字型顏色:設定圖表標題選項的顏色。
重設為報表主題
按一下「重設為報表主題」,即可將圖表設定重設為報表主題設定。