漏斗圖選項

漏斗圖表可用於瞭解連續程序中的事件,例如銷售漏斗中的潛在客戶階段、行銷活動參與度,或訪客在網站上的流動情形。

漏斗圖表最有效的情況是,流程的第一個階段最大 (例如 100%),且每個後續階段的數值都會遞減。漏斗圖會根據每個長條的高度變化,顯示各個類別的值;值越大,長條就越高,反之亦然。

建立漏斗圖表

漏斗圖表包含一組數字和一組標籤,可依照以下方式排列:

  • 以垂直方式使用一或多個維度 (標籤) 和一個指標 (數字)
  • 水平方向,使用單一列,其中包含多個措施 (數字) 和資料欄標題 (標籤)

這張圖表可同時處理樞紐資料和非樞紐資料。

如果您使用多個資料列的多個評估資料欄 (多個評估資料欄或樞紐評估資料欄),漏斗圖會檢查第一列和第一欄,然後顯示產生更多資料點的資料欄。不過,您可以使用「方向」設定變更漏斗讀取資料表的方式,並翻轉軸。

漏斗圖最多可繪製 50 個長條。如果資料包含超過 50 列或 50 欄,請使用「資料列限制」或「資料欄限制」選項,將資料列限制在 50 個以下。

如要使用漏斗圖表,請在「探索」的「視覺化」列中選取「…」圖示 (...),然後選擇「漏斗」。接著,選取視覺化列上方的「編輯」選項,即可編輯圖表。

如果選項與您選擇的其他設定相衝突,可能會顯示為灰色或隱藏。

資料列選項

資料列中的多個選項會影響視覺化呈現和資料表格。

小計

如果資料表至少包含兩個維度,資料列會顯示「小計」核取方塊。目前只有表格圖表可啟用小計;其他圖表類型無法使用這個核取方塊。

資料列總數

如果圖表包含樞紐,您可以選取「資料」列中的「列總計」核取方塊,在圖表中加入列總計。請參閱「在 Looker 中探索資料」說明文件頁面,進一步瞭解相關資訊,包括無法取得總和總和的注意事項

在「資料列總數」核取方塊右側的箭頭,可在維度和維度表計算後,在最右側的預設位置和更左側的位置之間切換總數欄的位置。

總計

如要為指標和資料表計算新增資料欄總和,請在「資料」列中選取「總和」。請參閱「在 Looker 中探索資料」說明文件頁面,進一步瞭解相關資訊,包括無法取得總和總和的注意事項

資料欄限制

如果資料表包含樞紐,您可以在「資料欄數量限制」方塊中輸入 1 到 200 之間的任何數字,為圖表新增資料欄數量限制。維度、維度資料表計算、資料列總數欄,以及樞紐分析圖表以外的測量表計算,都不會計入欄數上限。樞紐圖表群組會計為一個欄,計入欄位上限。詳情請參閱「篩選及限制資料」說明文件頁面。

資料列限制

如要為圖表新增列數上限,請在「資料」分頁的「列數上限」方塊中輸入 1 到 5,000 之間的任何數字。如果查詢超過設定的列數上限,就無法排序資料列總計或表格計算欄。

計算

如果您具備適當的權限,只要在「資料」分頁中按一下「新增計算」按鈕,即可在圖表中新增表格計算。詳情請參閱「使用表格運算」說明文件頁面。

您也可以使用欄位挑選器的「自訂欄位部分。

「軸」選單選項

標示左軸

開啟「Label Left Axis」,即可為左側軸套用標籤。Looker 會顯示一個方塊,供您輸入標籤文字。

標示右軸

開啟「標示右側軸」,即可為右側軸加上標籤。Looker 會顯示一個方塊,供您輸入標籤文字。

編輯圖表設定

視覺化選單底部的「Edit Chart Config」按鈕會開啟圖表設定編輯器。這個編輯器可讓您公開圖表的特定 JSON 參數,進而修改 HighCharts 圖表,以便進行深入自訂。這些自訂項目不會與資料進行動態互動。

如果您具備 Looker 管理員角色can_override_vis_config權限,就會看到「編輯圖表設定」按鈕。

如要查看常見用途的範例,請參閱「圖表設定編輯器」文章中的「範例」一節,其中包含下列範例:

  • 變更背景顏色和軸文字顏色
  • 系列內值的條件式格式設定
  • 自訂工具提示顏色
  • 新增垂直參考區間和字幕
  • 新增圖表註解

酒吧選單選項

長條顏色

您可以為圖表定義色彩調色盤。

選取顏色集合和調色盤

您可以使用集合建立主題化的圖表和資訊主頁,讓兩者搭配得宜。Looker 內建的所有色彩集合都會顯示在「色彩集合」說明文件頁面上。Looker 管理員也可以為貴機構建立自訂色彩系列。

您可以從「系列」下拉式選單中選擇色彩系列。「調色盤」專區會更新為所選顏色集合的調色盤。如要在色彩集合中變更調色盤,請按一下調色盤,開啟調色盤挑選器。你可以在該頁面中查看及選取系列中的所有色盤。

選擇調色盤類型

如果您使用的是連續或分散調色盤,每個長條都會根據調色盤的色階著色。如果您變更為分類調色盤 (由多種個別顏色組成的調色盤),系統會依序將顏色指派給每個長條。第一個長條會指派第一個顏色,以此類推。如果色塊數量超過列出的顏色數量,顏色會從調色盤開頭重複。

建立自訂調色盤

如要建立自訂調色盤,請先在調色盤挑選器中選取「自訂」分頁。您可以透過多種方式編輯色版:

  • 點選其中一個顏色即可編輯。
  • 按一下「+」或「-」按鈕,即可在色盤末端新增顏色,或移除所選顏色。當您在序列或分散色盤的結尾新增顏色時,Looker 會自動在該顏色和前一個顏色之間建立色階。
  • 按一下選單右下方的「編輯全部」,使用以半形逗號分隔的顏色值清單。

如要變更所選顏色或一次編輯所有顏色,請在選單底部的顏色值方塊中輸入十六進位字串 (例如 #2ca6cd),或CSS 顏色名稱 (例如 mediumblue)。

您也可以按一下顏色值方塊右側的色盤,開啟顏色挑選器,然後選取所需顏色。該顏色的對應十六進位值會顯示在顏色值方塊中。

點選「編輯全部」後,顏色值方塊會填入您所選或自訂調色盤的所有十六進位色碼。複製及貼上這份清單,是將自訂色票從一個圖表複製到另一個圖表的最佳方法。

反轉顏色

您可以反轉調色盤使用的顏色。對於序列或分散調色盤,每個長條的顏色會以調色盤的反向順序排列,從調色盤右端的顏色開始,往左移動。對於分類調色盤,這會以倒序將調色盤中的顏色套用至每個長條圖,從調色盤中的最後一個顏色開始。

平滑長條

對於階梯漏斗圖表,平滑長條可切換是否要將漏斗圖中每個長條的外緣與上方和下方的長條相連。關閉「Smoothed Bars」後,柱狀圖會以矩形顯示。開啟「平滑的長條」後,長條的邊緣會變得平滑,以便彼此連接。

對於漏斗圖表,平滑長條選項不會生效。

階梯漏斗

啟用後,「階梯漏斗」選項會以階梯漏斗樣式顯示漏斗,每個長條的寬度會根據其值而異。值越大,長條就越寬,值越小,長條就越窄。

範例階梯漏斗圖表,包含「階段」和「事件」欄位的值。

紙張方向

您可以指定漏斗圖的資料是從表格列或欄繪製。如果選擇「自動」,漏斗圖表會根據資料點最多的位置選擇資料。

標籤比例

您可以指定標籤的大小,並將標籤置於圖表長條頂端和圖表兩側。標籤有最小和最大大小,大小會因圖表大小而異。輸入 0 可指定標籤為最小尺寸。輸入 1 可指定標籤為最大尺寸。輸入介於 0 和 1 之間的數字,表示百分比,系統就會將標籤大小設為最小和最大大小之間的該百分比。

「標籤」選單選項

標籤位置

您可以指定資料標籤的顯示位置:

  • 左側:資料標籤位於圖表的左側
  • 內嵌:資料標籤位於圖表的中心,也就是圖表長條內
  • 右側:資料標籤位於圖表的右側
  • 隱藏:不會顯示資料標籤

百分比類型

圖表中的每個長條都會指派百分比值。百分比類型會決定是否要為每個長條指派百分比,方法是比較長條的值與圖表中最大的值,或比較長條的值與圖表中前一長條的值。

百分比位置

您可以指定長條百分比的顯示位置:

  • 左側:百分比位於圖表左側
  • 內嵌:百分比標籤位於圖表中央的圖表長條內
  • 右側:百分比標籤位於圖表的右側
  • 隱藏:不會顯示百分比標籤

價值位置

您可以指定資料值的顯示位置:

  • 左側:資料值位於圖表左側
  • 內嵌:資料值位於圖表的中心,也就是圖表長條內
  • 右側:資料值位於圖表的右側
  • 隱藏:不顯示資料值

顏色標籤

您可以切換是否要為圖表中的標籤和百分比設定自訂顏色。如果切換「標籤顏色」,就會顯示顏色方塊。按一下方塊即可顯示顏色挑選器,然後為標籤和百分比選擇自訂顏色。內嵌標籤會以所選顏色顯示,圖表兩側的標籤則會比所選顏色深約 40%。

使用圖表設定編輯器變更漏斗標籤

根據預設,每個漏斗階段的標籤會直接對應至維度值。您可以使用圖表設定編輯器修改這些標籤。舉例來說,假設轉換漏斗有四個階段,且標籤如下:

  • 階段 1
  • 階段 2
  • 階段 3
  • 階段 4

您可以使用下列 JSON 程式碼片段新增自訂標籤名稱:


 {
   series: [{
     data: [{
         name: 'Custom label 1',
         dataLabels: {
           enabled: true,
           format: '<b>{point.name}</b>: {point.y}'
         }
       },
       {
         name: 'Custom label 2',
         dataLabels: {
           enabled: true,
           format: '<b>{point.name}</b>: {point.y}'
         }
       },
       {
         name: 'Custom label 3',
         dataLabels: {
           enabled: true,
           format: '<b>{point.name}</b>: {point.y}'
         }
       },
       {
         name: 'Custom label 4',
         dataLabels: {
           enabled: true,
           format: '<b>{point.name}</b>: {point.y}'
         }
       }
     ]
   }]
 }

而現在,階段會以自訂標籤值標示。{point.y} 變數會顯示各個階段的值。在本例中,Looker 會在漏斗階段顯示下列標籤:

  • 自訂標籤 1
  • 自訂標籤 2
  • 自訂標籤 3
  • 自訂標籤 4

如要進一步瞭解如何使用這項功能,請參閱「圖表設定編輯器」說明文件中的「自訂視覺化效果」一節。