共用方式為


樹狀結構視覺效果

活頁簿透過樹狀方格支援階層式檢視。 樹狀結構可讓某些資料列展開至下一個層級,以取得向下切入體驗。

下列範例顯示工作集大小的容器健康情況計量,其視覺化為樹狀方格。 這裡的最上層節點是 Azure Kubernetes Service (AKS) 節點。 下一層節點是 Pod,而最終層級節點是容器。 請注意,您仍然可以像在方格中那樣使用熱度圖、圖示和連結格式化您的資料行。 在此情況下,基礎資料來源是具有 AKS 記錄的 Log Analytics 工作區。

顯示磚塊摘要視圖的螢幕擷取畫面。

新增樹狀方格

  1. 選取工具列上的 [編輯],以將活頁簿切換為編輯模式。

  2. 使用 [新增]>[新增查詢],以將記錄查詢控制項新增至活頁簿。

  3. 在 [查詢類型] 中,選取 [記錄]。 針對 [資源類型],例如,選取 [Application Insights],然後選取要鎖定的資源。

  4. 使用查詢編輯器來輸入 KQL 以進行分析。

    requests
    | summarize Requests = count() by ParentId = appName, Id = name
    | extend Kind = 'Request', Name = strcat('🌐 ', Id)
    | union (requests
    | summarize Requests = count() by Id = appName
    | extend Kind = 'Request', ParentId = '', Name = strcat('📱 ', Id))
    | project Name, Kind, Requests, Id, ParentId
    | order by Requests desc
    
  5. 將 [視覺效果] 設定為 [格線]

  6. 選取 [資料行設定] 按鈕以開啟 [編輯資料行設定] 窗格。

  7. 在頂端的 [資料行] 區段中,設定:

    • 識別碼 - 資料行轉譯器Hidden
    • 父代識別碼 - 欄位渲染器Hidden
    • 要求 - 資料行轉譯器Bar
    • 調色盤Blue
    • 最小值0
  8. 在底部的 [樹狀結構/分組依據設定] 區段中,設定:

    • 樹狀結構類型Parent/Child
    • 識別碼欄位Id
    • 父代識別碼欄位ParentId
    • 顯示展開器的位置Name
    • 選取 [展開樹狀結構的頂層] 核取方塊。
  9. 選取窗格底部的 [儲存並關閉] 按鈕。

此螢幕擷取畫面顯示包含設定的圖格摘要檢視。

樹木設定

設定 描述
Id Field 方格中每個資料列的唯一識別碼。
Parent Id Field 目前資料列之父系的識別碼。
Show the expander on 要在其上顯示樹狀結構展開工具的資料行。 樹狀方格通常會隱藏其識別碼和父代識別碼欄位,因為其可讀性不高。 相反地,展開工具會出現在其值更具可讀性的欄位上,例如實體的名稱。
Expand the top level of the tree 若已選取,樹狀方格會在最上層展開。 如果您想要依預設顯示詳細資訊,此選項很有用。

在方格中分組

您可使用分組來建置階層式檢視,這類似於上述範例中所示的檢視並使用更簡單的查詢。 您會失去樹狀結構內部節點的彙總,但在某些情況下,這可接受。 當基礎結果集無法轉換成適當的樹狀結構時,使用 分組依據 來建置樹狀檢視。 範例包括警示、健康情況和計量資料。

使用分組新增樹狀結構

  1. 選取工具列上的 [編輯],以將活頁簿切換為編輯模式。

  2. 使用 [新增]>[新增查詢],以將記錄查詢控制項新增至活頁簿。

  3. 在 [查詢類型] 中,選取 [記錄]。 針對 [資源類型],例如,選取 [Application Insights],然後選取要鎖定的資源。

  4. 使用查詢編輯器來輸入 KQL 以進行分析。

    requests
    | summarize Requests = count() by App = appName, RequestName = name
    | order by Requests desc
    
  5. 將 [視覺效果] 設定為 [格線]

  6. 選取 [資料行設定] 按鈕以開啟 [編輯資料行設定] 窗格。

  7. 在頂端的 [資料行] 區段中,設定:

    • 應用程式 - 資料行轉譯器:Hidden
    • 要求 - 資料行轉譯器Bar
    • 調色盤Blue
    • 最小值0
  8. 在底部的 [樹狀結構/分組依據設定] 區段中,設定:

    • 樹狀結構類型Group By
    • 分組依據App
    • 次要條件None
    • 選取 [展開樹狀結構的頂層] 核取方塊。
  9. 選取窗格底部的 [儲存並關閉] 按鈕。

此螢幕擷取畫面顯示在活頁簿中建立樹狀結構視覺效果。

下一步