Lägga till visualiseringar för att jämföra och analysera data

Slutförd

I den här övningen ska vi ta saker ett steg längre. I stället för att bara ha visualiseringar som visar data från vissa datakällor lägger vi till visuella objekt som kombinerar data från dessa källor så att du kan korrelera data och analysera systemet.

Vi ska skapa grafer för att visa begäranden, CPU-tid och enhetsförbrukning för begäranden i webbappen och Cosmos DB. Diagrammet använder kombinerade mått från webbprogrammet och databasen.

Vi ska kombinera data med Log Analytics-frågor som hämtar data från dessa källor:

  • webbappen
  • Cosmos DB
  • Log Analytics-arbetsytan

Sedan lägger vi till ett mått som övervakar programmet.

Generera vissa data för den här övningen

  1. Logga in på Azure-portalen.

  2. På sidan Start väljer du Resursgrupper eller söker efter "Resursgrupper" i sökfältet överst på sidan.

  3. Välj resursgruppen "learn" som skapades när sandbox-miljön aktiverades.

  4. Titta igenom listan över resurser och välj App Service.

    Screenshot of selecting the App Service from the resource group.

  5. Välj Bläddra i det övre verktygsfältet.

    Screenshot of the browser button from the App Service page.

  6. Fyll i apptjänsten med vissa aktiviteter för att generera vissa data för vårt exempel. På sidan Lista över att göra-objekt skapar du vissa objekt, redigerar dem eller markerar vissa som slutförda.

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

Lägg till diagram för att jämföra mängden begäranden

Vi ska generera två grafer för att placera sida vid sida för att jämföra antalet begäranden som skickas till webbappen och med Cosmos DB.

I arbetsboken väljer du Redigera i det övre verktygsfältet.

  1. Välj Lägg till och sedan Lägg till parametrar.

  2. Välj Lägg till parameter för att lägga till en ny parameter.

    1. I fältet Parameternamn anger du WebApps.

    2. I fältet Parametertyp väljer du Resursväljare.

    3. Markera kryssrutan Obligatorisk .

    4. I avsnittet Hämta data från väljer du Fråga.

    5. I avsnittet Prenumerationsloggfråga:

      1. I fältet Datakälla väljer du Azure-resursdiagram.

      2. I fältet Resurstyp väljer du Prenumeration.

      3. I fältet Prenumerationer väljer du parametern Prenumerationsresurs .

      4. Ange följande fråga och välj sedan Kör fråga.

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

      Screenshot that shows the web app parameter in a workbook.

    6. Välj Spara.

  3. I samma avsnittet Lägg till parameter väljer du Lägg till parameter igen.

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

    1. I fältet Parameternamn anger du CosmosDB.

    2. I fältet Parametertyp väljer du Resursväljare.

    3. Markera kryssrutan Obligatorisk .

    4. I avsnittet Hämta data från väljer du Fråga.

    5. I avsnittet Prenumerationsloggfråga:

      1. I fältet Datakälla väljer du Azure-resursdiagram.

      2. I fältet Resurstyp väljer du Prenumeration.

      3. I fältet Prenumerationer väljer du parametern Prenumerationsresurs .

      4. Ange följande fråga och välj sedan Kör fråga.

        resources 
        | where type == "microsoft.documentdb/databaseaccounts" 
        | project id
        
    6. Välj Spara.

  4. I samma avsnittet Lägg till parameter väljer du Lägg till parameter igen.

    1. I fältet Parameternamn anger du LogAnalytics.

    2. I fältet Parametertyp väljer du Resursväljare.

    3. Markera kryssrutan Obligatorisk .

    4. I avsnittet Hämta data från väljer du Fråga.

    5. I avsnittet Prenumerationsloggfråga:

      1. I fältet Datakälla väljer du Azure-resursdiagram.

      2. I fältet Resurstyp väljer du Prenumeration.

      3. I fältet Prenumerationer väljer du parametern Prenumerationsresurs .

      4. Ange följande fråga och välj sedan Kör fråga.

        resources 
        | where type == "microsoft.operationalinsights/workspaces"
        | project id
        
    6. Välj Spara.

  5. I samma avsnittet Lägg till parameter väljer du Lägg till parameter igen.

    1. I fältet Parameternamn anger du TimeRange.
    2. I fältet Parametertyp väljer du Tidsintervallväljare.
    3. Markera kryssrutan Obligatorisk .
    4. I fältet Tillgängliga tidsintervall kontrollerar du att alla värden är markerade.
    5. Välj Spara.
  6. Välj Klar redigering. Arbetsboken har nu en parameterkontroll med fyra parametrar. När du väljer den första parametern fylls listan i varje listruta i följd baserat på ditt val.

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

  7. Välj Redigera bredvid parameterkontrollen som vi precis har lagt till och välj sedan Lägg till och Lägg till mått.

  8. Ange följande inställningar för måttet:

    1. I fältet Resurstyp väljer du App Service.

    2. I fältet App Service väljer du parametern WebApp .

    3. I fältet Tidsintervall väljer du parametern TimeRange .

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

  9. Välj Lägg till mått och ange följande inställningar:

    1. I fältet Namnområde väljer du Standardmått för App Service.

    2. I fältet Mått väljer du Begäranden.

    3. I fältet Sammansättning väljer du Antal.

    4. Välj Spara.

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

  10. Om du vill se till att graferna visas sida vid sida väljer du Format överst i fönstret och markerar sedan kryssrutan Gör det här objektet till en anpassad bredd . Kontrollera att bredden Procent är inställd på 50 %.

  11. Välj Avancerade inställningar och ange ett namn för diagrammet i fältet Diagramrubrik , till exempel "Webbappens antal begäranden".

  12. Välj Klar redigering. Nu har du ett diagram som visar antalet begäranden som skickas till webbappen.

    Screenshot that shows one graph in an Azure Workbook.

  13. Välj Lägg till och Lägg till mått.

  14. Ange följande inställningar för måttet:

    1. I fältet Resurstyp väljer du Azure Cosmos DB-konto.
    2. I fältet App Service väljer du parametern CosmosDB .
    3. I fältet Tidsintervall väljer du parametern TimeRange .
  15. Välj Lägg till mått och ange följande inställningar:

    1. I fältet Namnområde väljer du Standardmått för Azure Cosmos DB-konto.
    2. I fältet Mått väljer du Totalt antal begäranden.
    3. I fältet Sammansättning väljer du Antal.
    4. Välj Spara.
  16. Om du vill se till att graferna visas sida vid sida väljer du Format överst i fönstret och markerar sedan kryssrutan Gör det här objektet till en anpassad bredd . Kontrollera att bredden Procent är inställd på 50 %.

  17. Välj Avancerade inställningar och ange ett namn för diagrammet i fältet Diagramrubrik , till exempel "Totalt antal Cosmos DB-begäranden".

  18. Välj Klar redigering. Nu har du två diagram sida vid sida som visar antalet begäranden som skickas till webbappen och databasen.

    Screenshot that shows two graphs in an Azure Workbook.

Lägga till diagram för att jämföra mängden åtgärder

Vi ska använda Log Analytics-frågor för att generera två grafer som vi placerar sida vid sida för att jämföra antalet och typerna av begäranden som skickas till webbappen och med Cosmos DB.

I arbetsboken väljer du Redigera i det övre verktygsfältet.

  1. Lägg till en fråga för antalet begäranden per åtgärd. Välj Lägg till och sedan Lägg till fråga.

    1. I fältet Datakälla väljer du Loggar.

    2. I fältet Resurstyp väljer du Log Analytics.

    3. I fältet Log Analytics-arbetsyta väljer du parametern Log Analytics .

    4. I fältet Tidsintervall väljer du parametern TimeRange .

    5. Ange den här loggfrågan:

        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. Nu ska vi använda återgivningsinställningarna för att göra diagrammet enkelt att förstå visuellt. Välj Kolumninställningar och i avsnittet Kolumner till vänster väljer du Åtgärdsnamn och anger sedan de här inställningarna.

    1. I fältet Kolumnnamn anger du (eller lämnar standardnamnet) "OperationName".

    2. I fältet Kolumnåtergivning väljer du Tröskelvärden.

    3. I avsnittet Tröskelvärden väljer du Färger och lägger sedan till dessa tröskelvärden:

      Operator Värde Färg Text
      innehåller Skapa Orange {0}{1}
      innehåller Delete Röd (ljus) {0}{1}
      innehåller Redigera Blå (ljus) {0}{1}
      Standardvärde Grönt {0}{1}

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

  3. I avsnittet Kolumner till vänster väljer du _ResourceId och i fältet Kolumnåtergivning väljer du Sedan Dold.

  4. I avsnittet Kolumner till vänster väljer du ResourceCount och anger sedan följande inställningar:

    1. I fältet Kolumnnamn anger du (eller lämnar standardnamnet) "RequestCount".
    2. I fältet Kolumnåtergivning väljer du Stapel.
    3. I avsnittet Färgpalett väljer du Blå.**
    4. Välj Spara och stäng.
  5. Om du vill se till att graferna visas sida vid sida väljer du Format överst i fönstret och markerar sedan kryssrutan Gör det här objektet till en anpassad bredd . Kontrollera att bredden Procent är inställd på 50 %.

  6. Välj Avancerade inställningar och ange ett namn för diagrammet i fältet Diagramrubrik , till exempel "Web App Operations".

  7. Välj Klar redigering. Arbetsboken har nu ett färgkodat diagram som visar vilka typer av åtgärder som skickas till webbappen och antalet för varje typ av begäran.

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

  8. Nu ska vi lägga till en visualisering för antalet begäranden för Cosmos DB.

  9. Välj Redigera bredvid parameterkontrollen som vi precis har lagt till och välj sedan Lägg till och Lägg till mått.

  10. Ange följande inställningar för måttet:

    1. I fältet Resurstyp väljer du Azure Cosmos DB-konto.
    2. I fältet App Service väljer du parametern CosmosDB .
    3. I fältet Tidsintervall väljer du parametern TimeRange .
    4. I fältet Visualisering väljer du Rutnät.
  11. Välj Lägg till mått och ange följande inställningar:

    1. I fältet Namnområde väljer du Standardmått för Azure Cosmos DB-konto.

    2. I fältet Mått väljer du Totalt antal begäranden.

    3. I fältet Sammansättning väljer du Antal.

    4. I fältet Dela väljer du Ingen.

    5. Välj Spara.

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

  12. Lägg till ytterligare ett mått. Välj Lägg till och Lägg till mått och ange följande inställningar:

    1. I fältet Namnområde väljer du Standardmått för Azure Cosmos DB-konto.

    2. I fältet Mått väljer du Totalt antal begäranden.

    3. I fältet Sammansättning väljer du Antal.

    4. I fältet Dela efter väljer du OperationType.

    5. I fältet Sortera efter väljer du Fallande.

    6. I fältet Antal delningar väljer du 5.

    7. I fältet Visningsnamn anger du "Åtgärder".

    8. Välj Spara.

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

  13. Vi ska använda återgivningsinställningarna för att göra diagrammet enkelt att förstå visuellt.

  14. Välj Kolumninställningar och i avsnittet Kolumner till vänster väljer du microsoft.documentsdb/databaseaccounts-Requests-TotalRequests och anger sedan de här inställningarna.

    1. I fältet Kolumnåtergivning väljer du Heatmap.

    2. I fältet Färgpalett väljer du Blå.

    3. Välj Anpassad formatering.

      1. I fältet Enheter väljer du Antal.
      2. I fältet Format väljer du Decimal.

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

  15. I avsnittet Kolumner till vänster väljer du tidslinjen microsoft.documentsdb/databaseaccounts-Requests-TotalRequests (dold) och anger sedan följande inställningar:

    1. I fältet Kolumnetikett anger du (eller lämnar standardnamnet) "Totalt antal förfrågningar (antal)".
    2. I fältet Kolumnåtergivning väljer du Heatmap.
    3. I fältet Färgpalett väljer du Blå.
  16. I avsnittet Kolumner till vänster väljer du */Operations$ (Text) och anger sedan följande inställningar:

    1. I fältet Kolumnetikett anger du (eller lämnar standardnamnet) "Totalt antal förfrågningar (antal)".
    2. I fältet Kolumnåtergivning väljer du Heatmap.
    3. I fältet Färgpalett väljer du Blå.
    4. Välj Anpassad formatering.
      1. I fältet Enheter väljer du Antal.
      2. I fältet Format väljer du Decimal.
    5. Välj Spara och stäng.
  17. Om du vill se till att graferna visas sida vid sida väljer du Format överst i fönstret och markerar sedan kryssrutan Gör det här objektet till en anpassad bredd . Kontrollera att bredden Procent är inställd på 50 %.

  18. Välj Avancerade inställningar och ange ett namn för diagrammet i fältet Diagramrubrik , till exempel "Cosmos DB-åtgärder".

  19. Välj Klar redigering. Arbetsboken har nu två färgkodade diagram som visar antalet och typerna av begäranden som skickas till webbappen och Cosmos DB.

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