新增視覺效果以比較和分析資料

已完成

在本練習中,我們將有更進一步的進展。 我們將新增的視覺效果結合了這些來源的資料,讓您能夠相互關聯資料並分析系統,而不會只有顯示來自某些資料來源之資料的視覺效果。

我們將建立圖表,以顯示 Web 應用程式和 Cosmos DB 中的要求、CPU 時間和要求單位取用量。 此圖表使用來自 Web 應用程式和資料庫的合併計量。

我們將使用 Log Analytics 查詢來合併資料,以從這些來源取得資料:

  • Web 應用程式
  • Cosmos DB
  • Log Analytics 工作區

然後,我們將新增可監視應用程式的計量。

產生此練習的一些資料

  1. 登入 Azure 入口網站

  2. 在 [首頁] 頁面上,選取 [資源群組],或在頁面頂端的搜尋列中搜尋「資源群組」。

  3. 選取啟動沙箱時所建立的「learn」資源群組。

  4. 查看資源清單,然後選取 App Service。

    Screenshot of selecting the App Service from the resource group.

  5. 在頂端工具列選取 [瀏覽]。

    Screenshot of the browser button from the App Service page.

  6. 在 App Service 中填入一些活動,以針對我們的範例產生一些資料。 在 [待辦事項清單] 頁面上,建立一些項目、加以編輯,或將某些項目標示為完成。

    Screenshot that shows tasks for the app service for workbooks learn module.

新增圖表以比較要求的數量

我們將產生兩個圖表並排放置,以比較傳送至 Web 應用程式和 Cosmos DB 的要求數目。

在您的活頁簿中,從頂端工具列選取 [編輯]。

  1. 選取 [新增],然後選取 [新增參數]。

  2. 選取 [新增參數] 以增加新參數。

    1. 在 [參數名稱] 欄位中,輸入 [WebApps]。

    2. 在 [參數類型] 欄位中,選取 [資源選擇器]。

    3. 選取 [必要] 核取方塊。

    4. 在 [取得資料來源] 區段中,選取 [查詢]。

    5. 在 [訂用客戶紀錄查詢] 區段中:

      1. 在 [資料來源] 欄位中,選取 [Azure Resource Graph]。

      2. 在 [資源類型] 欄位中,選取 [訂用帳戶]。

      3. 在 [訂用帳戶] 欄位中,選取 [訂用帳戶] 資源參數。

      4. 輸入下列查詢,然後選取 [執行查詢]。

        resources 
        | where type == "microsoft.web/sites" 
        | project id
        

      Screenshot that shows the web app parameter in a workbook.

    6. 選取 [儲存]。

  3. 在相同的 [新增參數] 區段中,再次選取 [新增參數]。

    Screenshot that shows adding a second parameter to an existing parameter control in Azure workbooks.

    1. 在 [參數名稱] 欄位中,輸入 [CosmosDB]。

    2. 在 [參數類型] 欄位中,選取 [資源選擇器]。

    3. 選取 [必要] 核取方塊。

    4. 在 [取得資料來源] 區段中,選取 [查詢]。

    5. 在 [訂用客戶紀錄查詢] 區段中:

      1. 在 [資料來源] 欄位中,選取 [Azure Resource Graph]。

      2. 在 [資源類型] 欄位中,選取 [訂用帳戶]。

      3. 在 [訂用帳戶] 欄位中,選取 [訂用帳戶] 資源參數。

      4. 輸入下列查詢,然後選取 [執行查詢]。

        resources 
        | where type == "microsoft.documentdb/databaseaccounts" 
        | project id
        
    6. 選取 [儲存]。

  4. 在相同的 [新增參數] 區段中,再次選取 [新增參數]。

    1. 在 [參數名稱] 欄位中,輸入 [LogAnalytics]。

    2. 在 [參數類型] 欄位中,選取 [資源選擇器]。

    3. 選取 [必要] 核取方塊。

    4. 在 [取得資料來源] 區段中,選取 [查詢]。

    5. 在 [訂用客戶紀錄查詢] 區段中:

      1. 在 [資料來源] 欄位中,選取 [Azure Resource Graph]。

      2. 在 [資源類型] 欄位中,選取 [訂用帳戶]。

      3. 在 [訂用帳戶] 欄位中,選取 [訂用帳戶] 資源參數。

      4. 輸入下列查詢,然後選取 [執行查詢]。

        resources 
        | where type == "microsoft.operationalinsights/workspaces"
        | project id
        
    6. 選取 [儲存]。

  5. 在相同的 [新增參數] 區段中,再次選取 [新增參數]。

    1. 在 [參數名稱] 欄位中,輸入 [TimeRange]。
    2. 在 [參數類型] 欄位中,選取 [時間範圍選擇器]。
    3. 選取 [必要] 核取方塊。
    4. 在 [可用的時間範圍] 欄位中,確定已選取所有值。
    5. 選取 [儲存]。
  6. 選取 [完成編輯]。 您的活頁簿現在有包含四個參數的參數控制項。 當您選取第一個參數時,系統會根據您的選取項目填入每個連續下拉式清單中的清單。

    Screenshot that shows multiple parameters in one control in Azure workbooks.

  7. 選取我們剛新增的參數控制項旁的 [編輯],然後選取 [新增] 和 [新增計量]。

  8. 輸入計量的這些設定:

    1. 在 [資源類型] 欄位中,選取 [App Service]。

    2. 在 [App Service] 欄位中,選取 [WebApp] 參數。

    3. 在 [時間範圍] 欄位中,選取 [TimeRange] 參數。

      Screenshot that shows the metric settings for a web app in Azure Workbooks.

  9. 選取 [新增計量],然後輸入下列設定:

    1. 在 [命名空間] 欄位中,選取 [App Service 標準計量]。

    2. 在 [計量] 欄位中,選取 [要求]。

    3. 在 [彙總] 欄位中,選取 [計數]。

    4. 選取 [儲存]。

      Screenshot that shows the metric settings for the number of requests made to a web app in Azure Workbooks.

  10. 若要確定圖表並排顯示,請選取視窗頂端的 [樣式],然後選取 [賦予此項目自訂寬度] 核取方塊。 請確定 [百分比寬度] 設定為 50%。

  11. 選取 [進階設定],然後在 [圖表標題] 欄位中輸入圖表的名稱,例如「Web 應用程式要求數目」。

  12. 選取 [完成編輯]。 您現在有一個圖表,顯示傳送至 Web 應用程式的要求數目。

    Screenshot that shows one graph in an Azure Workbook.

  13. 選取 [新增] 和 [新增計量]。

  14. 輸入計量的這些設定:

    1. 在 [資源類型] 欄位中,選取 [Azure Cosmos DB 帳戶]。
    2. 在 [App Service] 欄位中,選取 [CosmosDB] 參數。
    3. 在 [時間範圍] 欄位中,選取 [TimeRange] 參數。
  15. 選取 [新增計量],然後輸入下列設定:

    1. 在 [命名空間] 欄位中,選取 [Azure Cosmos DB 帳戶標準計量]。
    2. 在 [計量] 欄位中,選取 [要求總計]。
    3. 在 [彙總] 欄位中,選取 [計數]。
    4. 選取 [儲存]。
  16. 若要確定圖表並排顯示,請選取視窗頂端的 [樣式],然後選取 [賦予此項目自訂寬度] 核取方塊。 請確定 [百分比寬度] 設定為 50%。

  17. 選取 [進階設定],然後在 [圖表標題] 欄位中輸入圖表的名稱,例如「Cosmos DB 要求總計」。

  18. 選取 [完成編輯]。 您現在有兩個並排圖表,顯示傳送至 Web 應用程式和資料庫的要求數目。

    Screenshot that shows two graphs in an Azure Workbook.

新增圖表以比較作業的數量

我們將使用 Log Analytics 查詢來產生將並排放置的兩個圖表,以比較傳送至 Web 應用程式和 Cosmos DB 的要求數目和類型。

在您的活頁簿中,從頂端工具列選取 [編輯]。

  1. 針對每個作業的要求數目新增查詢。 選取 [新增],然後選取 [新增查詢]。

    1. 在 [資料來源] 欄位中,選取 [記錄]。

    2. 在 [資源類型] 欄位中,選取 [Log Analytics]。

    3. 在 [Log Analytics 工作區] 欄位中,選取 [Log Analytics] 參數。

    4. 在 [時間範圍] 欄位中,選取 [TimeRange] 參數。

    5. 輸入此記錄查詢:

        AppRequests
      | summarize RequestsCount=sum(ItemCount) by OperationName, _ResourceId
      | order by RequestsCount desc
      

      Screenshot that shows a query for the number of requests to a web app in an Azure Workbooks.

  2. 現在,我們將使用轉譯設定,讓圖表能以視覺化方式輕鬆瞭解。 選取 [資料行設定],然後在左側的 [資料 行] 區段中,選取 [作業名稱],然後輸入這些設定。

    1. 在 [資料行名稱] 欄位中,輸入 (或保留預設名稱) "OperationName"。

    2. 在 [資料行轉譯器] 欄位中,選取 [閾值]。

    3. 在 [閾值] 區段中,選取 [色彩],然後新增下列閾值:

      運算子 色彩 Text
      contains 建立​​ Orange {0}{1}
      contains 刪除 紅色 (亮) {0}{1}
      contains 編輯 藍色 (淺) {0}{1}
      預設 {0}{1}

      Screenshot that shows setting the colors in a grid in Azure Workbooks.

  3. 在左側的 [資料行] 區段中,選取 [_ResourceId],然後在 [資料行轉譯器] 欄位中,選取 [隱藏]。

  4. 在左側的 [資料行] 區段中,選取 [ResourceCount],然後輸入下列設定:

    1. 在 [資料行名稱] 欄位中,輸入 (或保留預設名稱) "RequestCount"。
    2. 在 [資料行轉譯器] 欄位中,選取 [橫條圖]。
    3. 在 [調色盤] 區段中,選取 [藍色]。**
    4. 選取儲存後關閉
  5. 若要確定圖表並排顯示,請選取視窗頂端的 [樣式],然後選取 [賦予此項目自訂寬度] 核取方塊。 請確定 [百分比寬度] 設定為 50%。

  6. 選取 [進階設定],然後在 [圖表標題] 欄位中輸入圖表的名稱,例如「Web 應用程式作業」。

  7. 選取 [完成編輯]。 您的活頁簿現在有一個色碼圖表,其中顯示傳送至 Web 應用程式的作業類型,以及每種要求類型的數目。

    Screenshot that shows a bar chart with the number of requests per operation for a web app.

  8. 現在我們將新增 Cosmos DB 要求數目的視覺效果。

  9. 選取我們剛新增的參數控制項旁的 [編輯],然後選取 [新增] 和 [新增計量]。

  10. 輸入計量的這些設定:

    1. 在 [資源類型] 欄位中,選取 [Azure Cosmos DB 帳戶]。
    2. 在 [App Service] 欄位中,選取 [CosmosDB] 參數。
    3. 在 [時間範圍] 欄位中,選取 [TimeRange] 參數。
    4. 在 [視覺效果] 欄位中,選取 [格線]。
  11. 選取 [新增計量],然後輸入下列設定:

    1. 在 [命名空間] 欄位中,選取 [Azure Cosmos DB 帳戶標準計量]。

    2. 在 [計量] 欄位中,選取 [要求總計]。

    3. 在 [彙總] 欄位中,選取 [計數]。

    4. 在 [分割] 欄位中,選取 [無]。

    5. 選取 [儲存]。

      Screenshot that shows a query for the number of requests to a database in an Azure Workbook.

  12. 新增另一個計量。 選取 [新增] 和 [新增計量],然後輸入下列設定:

    1. 在 [命名空間] 欄位中,選取 [Azure Cosmos DB 帳戶標準計量]。

    2. 在 [計量] 欄位中,選取 [要求總計]。

    3. 在 [彙總] 欄位中,選取 [計數]。

    4. 在 [分割依據] 欄位中,選取 [OperationType]。

    5. 在 [排序依據] 欄位中,選取 [遞減]。

    6. 在 [分割數目] 欄位中,選取 [5]。

    7. 在 [顯示名稱] 欄位中,輸入 「Operations」。

    8. 選取 [儲存]。

      Screenshot that shows a query with results split into columns in an Azure Workbook.

  13. 我們將使用轉譯設定,讓圖表能以視覺化方式輕鬆瞭解。

  14. 選取 [資料行設定],然後在左側的 [資料行] 區段中,選取 [microsoft.documentsdb/databaseaccounts-Requests-TotalRequests],然後輸入這些設定。

    1. 在 [資料行轉譯器] 欄位中,選取 [熱度圖]。

    2. 在 [調色盤] 欄位中,選取 [藍色]。

    3. 選取 [自訂格式]。

      1. 在 [單位] 欄位中,選取 [計數]。
      2. 在 [樣式] 欄位中,選取 [十進位]。

      Screenshot that shows setting the colors in a grid using the heatmap setting in Azure Workbooks.

  15. 在左側的 [資料行] 區段中,選取 [microsoft.documentsdb/databaseaccounts-Requests-TotalRequests 時間軸 (隱藏)],然後輸入這些設定:

    1. 在 [資料行標籤] 欄位中,輸入 (或保留預設名稱) [要求總計 (計數)]。
    2. 在 [資料行轉譯器] 欄位中,選取 [熱度圖]。
    3. 在 [調色盤] 欄位中,選取 [藍色]。
  16. 在左側的 [資料行] 區段中,選取 *[/Operations$ (文字)],然後輸入下列設定:

    1. 在 [資料行標籤] 欄位中,輸入 (或保留預設名稱) [要求總計 (計數)]。
    2. 在 [資料行轉譯器] 欄位中,選取 [熱度圖]。
    3. 在 [調色盤] 欄位中,選取 [藍色]。
    4. 選取 [自訂格式]。
      1. 在 [單位] 欄位中,選取 [計數]。
      2. 在 [樣式] 欄位中,選取 [十進位]。
    5. 選取儲存後關閉
  17. 若要確定圖表並排顯示,請選取視窗頂端的 [樣式],然後選取 [賦予此項目自訂寬度] 核取方塊。 請確定 [百分比寬度] 設定為 50%。

  18. 選取 [進階設定],然後在 [圖表標題] 欄位中輸入圖表的名稱,例如「Cosmos DB 作業」。

  19. 選取 [完成編輯]。 您的活頁簿現在有兩個色碼圖表,其中顯示傳送至 Web 應用程式和 Cosmos DB 的要求數目和類型。

    Screenshot that shows two side by side grids in Azure Workbooks.