桑基圖選項

桑基圖可呈現類別、階段或狀態之間的資料流和分布情形。在 Looker 中,每個維度值代表一個階段,連接路徑則代表從一個階段到另一個階段的流程。每個連結的寬度對應到一個數值測量值,可協助您識別複雜程序中的比例、下降或轉移。

桑基圖特別適合用來分析多步驟路徑,例如顧客歷程、網站導覽流程,或不同系統之間的資源分配。

本頁面說明 Looker 中桑基圖的圖表選單選項。

使用者和執行個體相關規定

如要存取桑基圖選項,必須符合下列條件:

  • Looker (原始版本) 或 Looker (Google Cloud Core) 執行個體必須執行 Looker 26.20 以上版本。
  • 如要查看及使用「探索」功能 (包括建立圖表),您必須具備下列存取權:

桑基圖類型

桑基圖支援兩種資料類型:路徑和邊緣清單。

Looker 會根據查詢自動套用「路徑」或「邊緣清單」資料類型。如要變更資料類型,請使用「Plot」(繪圖) 選單中的「Data type」(資料類型) 選項。如果查詢的維度和測量指標數量不符合所選資料類型的要求,桑基圖就不會顯示。

路徑類型的桑基圖會以視覺化方式呈現查詢的資料流程,其中包含兩個以上的維度和一個測量指標。每個維度都是圖表中的一個階段。舉例來說,下列查詢會追蹤電子商務網站上的使用者歷程,並包含以下欄位:

  • 來源 (維度):使用者造訪網站的方式
  • 「網頁」(維度):使用者接下來造訪的網頁
  • 狀態 (維度):使用者是否已訂閱
  • 使用者人數 (測量指標):完成每項歷程的使用者人數

查詢資料表上方的路徑類型桑基圖,顯示使用者從自然搜尋和付費搜尋流向到達網頁,然後流向「已捨棄」或「已訂閱」。

邊緣清單類型的桑基圖,可將包含兩個維度和一個測量指標的查詢資料流程視覺化。舉例來說,下列查詢會追蹤類似的使用者歷程,並包含以下欄位:

  • 來源 (維度):歷程中每個步驟的起點
  • 網頁 (維度):使用者接下來前往的網頁
  • 使用者人數 (測量指標):完成每個步驟的使用者人數

查詢資料表上方的邊緣清單類型桑基圖,顯示使用者流程從付費搜尋和自然搜尋流向到達網頁,然後流向註冊頁面。

如果查詢有兩個維度和一個測量指標,您也可以將「資料類型」設為「路徑」。「路徑」類型圖表會顯示與兩階段流程相同的資料。

資料類型設為「路徑」的桑基圖,資料與前一個「線段清單」類型的桑基圖相同。

如果查詢有兩個維度和一個測量指標,請選擇最適合資料的桑基圖類型。

注意事項

在 Looker 中使用桑基圖時,請注意下列事項:

  • 邊緣清單類型的桑基圖僅支援向前移動的路徑。舉例來說,A > B > A 或 A > B > C > A 這類路徑不會顯示。
  • 如果是「邊緣清單」類型的桑基圖,Looker 會根據資料自動排序階段。
  • 如果是「路徑」類型的桑基圖,查詢中的維度順序會決定圖表中的階段順序。
  • 桑基圖最多可以顯示 500 列。超過這個限制的查詢會遭到截斷,或可能導致算繪問題。

桑基圖選項

如要自訂圖表,請選取「設定」面板中的「樣式」分頁標籤,存取圖表設定選項。

如果某些選項與您選擇的其他設定或查詢中的資料衝突,這些選項可能會無法使用或隱藏。

情節選單選項

「樣式」分頁中的「繪圖」選單包含下列桑基圖選項。

資料類型

設定桑基圖的類型。從「資料類型」選單中,選擇「路徑」或「邊緣清單」。詳情請參閱「桑基圖類型」。

圖表主題

設定圖表主題。您可以從「圖表主題」選單中選擇「傳統版」或「現代」,在「系列」選單中存取各主題的調色盤。

「Link crossfilter by」選項可讓使用者點選桑基圖中的連結,依據該連結中的值交叉篩選資訊主頁上的其他圖表。選擇下列其中一項設定:

  • 兩者:使用者點選連結時,資訊主頁上的圖表會依來源和目標維度交叉篩選。
  • 來源:使用者點選連結時,資訊主頁上的圖表只會依來源維度篩選。
  • 目標:使用者點選連結時,資訊主頁上的圖表只會依目標維度篩選。

自訂工具提示

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

系列叢書選單選項

「樣式」分頁中的「系列」選單包含下列桑基圖選項。

顏色

「顏色」部分包含下列選項:

  • 集合:從「顏色集合」選單中選擇顏色集合。您可以透過集合建立主題圖表和資訊主頁,讓整體視覺效果更協調。如要查看 Looker 內建顏色集合中的所有調色盤,請前往顏色集合說明文件頁面。Looker 管理員也可以為貴組織建立自訂顏色集合。
  • 選取調色盤:如要進一步自訂顏色,請按一下調色盤色樣,開啟顏色挑選器選單,然後按一下其中一個調色盤中的顏色。如要選取自訂顏色,請按一下調色盤挑選器的「自訂」分頁標籤,然後使用顏色漸層和值滑桿選擇自訂顏色,或在輸入欄位中輸入 RGB 十六進位字串 (例如 #2ca6cd) 或 CSS 顏色名稱 (例如 mediumblue)。
  • 反轉顏色:啟用後,系統會反轉調色盤中使用的顏色順序。如果是類別型調色盤,反轉顏色設定會將調色盤中的最後一個顏色套用至第一個系列,將調色盤中的倒數第二個顏色套用至第二個系列,依此類推。如果是依序或發散調色盤,「反轉顏色」設定會將調色盤最右側的顏色套用至第一個系列,並在調色盤上向左移動,為其餘系列套用顏色。
  • 顏色依據:從下列「顏色依據」選單選項中,選擇桑基圖資料的顏色套用方式:
    • 節點順序:依節點順序為桑基圖上色。
    • 單色:以單一顏色呈現桑基圖。
  • 節點粗細:設定桑基圖中節點的粗細。值越高,節點越粗。
  • 節點邊框間距:設定桑基圖中各節點之間的間距。值越高,每個節點之間的間距就越大。
  • 連結色彩模式:設定桑基圖中節點之間的連結顏色。可用的選項如下:
    • 漸層:連結顏色會以來源和目標節點之間的漸層顯示。
    • 來源:連結的顏色由來源節點決定。
    • 目標:連結的顏色取決於目標節點。

樣式選單選項

「樣式」分頁中的「樣式」選單包含下列桑基圖選項。

圓角

開啟「圓角」選項,即可在桑基圖的節點套用圓角。

節點不透明度

設定桑基圖中節點的不透明度。值越高,節點越不透明。

設定桑基圖中連結的不透明度。值越高,連結越不透明。

顯示標籤

「顯示標籤」選項可讓您顯示或隱藏桑基圖中節點的值標籤。

開啟這項設定後,系統會顯示下列標籤設定:

  • 標籤字型大小:設定標籤的字型大小。您可以使用任何有效的 CSS 大小。例如,您可以指定像素數量,例如 10px 或 12px。
  • 標籤字型顏色:設定標籤顏色。在輸入欄位中輸入 RGB 十六進位字串 (例如 #2ca6cd) 或 CSS 顏色名稱 (例如 mediumblue)。
  • 標籤字型系列:設定標籤字型的字型系列。

自訂桑基圖後,您可以執行下列操作: