漏斗圖選項

漏斗圖適合用來瞭解依序發生的事件,例如銷售管道中的潛在客戶階段、行銷廣告活動的參與度,或訪客在網站中的活動。

如果程序的第一個階段最大 (例如 100%),且每個後續階段都比前一個階段小,漏斗圖通常最有效。漏斗圖會依據每個長條的高度顯示各類別的值;值越大,長條越高,值越小,長條越短。

建立漏斗圖

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

  • 垂直,使用一或多個維度 (標籤) 和一個測量指標 (數字)
  • 水平:使用單一資料列,其中包含多個測量指標 (數字) 和資料欄標題 (標籤)

圖表可搭配透視和非透視資料使用。

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

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

如要使用漏斗圖,請在「探索」的「圖表」列中選取省略符號 (...),然後選擇「漏斗」。接著,選取圖表列上的「編輯」選項,即可編輯圖表。

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

資料列選項

「資料」列中的多個選項會影響圖表和資料表。

小計

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

資料列總數

如果圖表包含透視,您可以在「資料」列中選取「資料列總計」核取方塊,在圖表中加入資料列總計。如要瞭解詳情,包括無法顯示總計的情況和總計注意事項,請參閱「在 Looker 中探索資料」說明文件頁面。

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

總計

如要新增測量指標和資料表計算的資料欄總計,請在「資料」列中選取「總計」。如要瞭解詳情,包括無法顯示總計的情況和總計注意事項,請參閱「在 Looker 中探索資料」說明文件頁面。

資料欄限制

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

資料列限制

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

計算

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

您也可以使用欄位挑選器的「Custom Fields」(自訂欄位) 部分。

「軸」選單選項

左軸標籤

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

右軸標籤

開啟「標示右軸」,即可在右軸套用標籤。Looker 會顯示一個方塊,供您輸入標籤文字。

編輯圖表設定

點選圖表選單底部的「編輯圖表設定」按鈕,即可開啟圖表設定編輯器。這個編輯器會顯示圖表的特定 JSON 參數,讓您修改 HighCharts 圖表,進行深度自訂。這些自訂項目不會與資料動態互動。

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

如需常見用途的範例,請參閱「圖表設定編輯器」一文的「範例」一節,包括下列範例:

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

「長條」選單選項

長條顏色

您可以定義圖表的調色盤。

選取顏色集合和調色盤

您可以透過集合建立主題圖表和資訊主頁,讓整體視覺效果更協調。Looker 的所有內建顏色集合都會顯示在「顏色集合」說明文件頁面。Looker 管理員也可以為貴組織建立自訂顏色集合。

你可以從「集合」下拉式選單中選擇顏色集合。「調色盤」部分會更新為所選顏色集合中的調色盤。如要變更為顏色集合中的其他調色盤,請按一下調色盤,開啟調色盤挑選器。你可以在這裡查看及選取系列中的所有調色盤。

選擇調色盤類型

如果使用依序或發散調色盤,每個長條都會根據調色盤的色階著色。如果改用類別型調色盤 (由多種顏色組成的調色盤),系統會依序為每個長條指派顏色。第一個長條會指派第一個顏色,依此類推。如果長條數量多於列出的顏色,系統會從調色盤開頭重複使用顏色。

建立自訂顏色調色盤

如要建立自訂調色盤,請先在調色盤挑選器中選取「自訂」分頁標籤。你可以透過下列幾種方式編輯調色盤:

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

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

您也可以點選顏色值方塊右側的色輪,開啟顏色挑選器,然後選取顏色。顏色值方塊中會顯示該顏色的對應十六進位值。

如果按一下「編輯全部」,顏色值方塊會填入所選或自訂調色盤的所有十六進位代碼。如要將自訂調色盤從某個圖表複製到另一個圖表,最簡單的方法就是複製及貼上這份清單。

對調顏色

你可以調換調色盤中的顏色。如果是依序或發散調色盤,每個長條會依調色盤的反向順序著色,從調色盤最右側的顏色開始,向左移動。如果是類別型調色盤,系統會將調色盤中的顏色反向套用至各個長條,從調色盤中的最後一個顏色開始。

平滑長條圖

如果是階梯式漏斗圖,「平滑長條」會切換是否要將漏斗圖中每個長條的外緣與上下長條連結。關閉「平滑長條」後,長條會呈現矩形。啟用「平滑長條」後,長條邊緣會變得平滑,並與其他長條相連。

如果是漏斗圖,「平滑長條」選項不會有任何作用。

階梯式漏斗圖

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

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

紙張方向

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

標籤尺度

您可以指定圖表長條上方和圖表側邊的標籤大小。標籤有最小和最大尺寸,會因圖表大小而異。輸入 0,標籤就會是最小尺寸。輸入 1,指定標籤為最大尺寸。輸入 0 到 1 之間的數字代表百分比,標籤大小就會設為介於大小上限和下限之間的百分比。

標籤選單選項

標籤位置

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

  • 左:資料標籤位於圖表左側
  • 內嵌:資料標籤位於圖表中央,在圖表長條內
  • 右:資料標籤位於圖表右側
  • 隱藏:不顯示資料標籤

百分比類型

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

百分比位置

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

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

值的位置

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

  • 左側:資料值位於圖表左側
  • 內嵌:資料值位於圖表中央,在圖表長條內
  • 右側:資料值位於圖表右側
  • 隱藏:不顯示資料值

顏色標籤

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

自訂工具提示

您可以按一下「自訂工具提示」切換鈕,在「探索」圖表編輯器中設定工具提示,方法是結合 UI 設定和支援 Liquid 範本的 HTML 編輯器。進一步瞭解自訂工具提示。

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

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

  • 階段 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

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