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

  • 7 minuter

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
  • den 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 Resursgruppereller 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.

    Skärmbild av att välja App Service från resursgruppen.

  5. I det övre verktygsfältet väljer du Bläddra.

    Skärmbild av webbläsarknappen från App Service-sidan.

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

    Skärmbild som visar uppgifter för modulen apptjänst för arbetsböcker.

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 tilloch välj 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. Välj kryssrutan Obligatoriskt.

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

    5. I avsnittet i prenumerationsloggen:

      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 resursparametern Prenumeration.

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

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

      Skärmbild som visar webbappsparametern i en arbetsbok.

    6. Välj Spara.

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

    Skärmbild som visar hur du lägger till en andra parameter i en befintlig parameterkontroll i Azure-arbetsböcker.

    1. I fältet Parameternamn anger du CosmosDB.

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

    3. Markera kryssrutan Obligatoriskt.

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

    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 resursparametern Prenumeration.

      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 avsnitt 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äljaren.

    3. Välj kryssrutan Obligatoriskt.

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

    5. I prenumerationsloggfrågaavsnittet

      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 resursparametern Prenumeration.

      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 avsnitt 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 Obligatoriskt.
    4. I fältet Tillgängliga tidsintervall kontrollerar du att alla värden är markerade.
    5. Välj Spara.

  6. Välj Redigeringen är klar. 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.

    Skärmbild som visar flera parametrar i en kontroll i Azure-arbetsböcker.

  7. Välj Redigera bredvid parameterkontrollen som vi nyss lade 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.

      Skärmbild som visar måttinställningarna för en webbapp i Azure-arbetsböcker.

  9. Välj Lägg till måttoch 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 Count.

    4. Välj Spara.

      Skärmbild som visar måttinställningarna för antalet begäranden som görs till en webbapp i Azure-arbetsböcker.

  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 objektet till en anpassad bredd. Kontrollera att bredden procent är inställd på 50%.

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

  12. Välj Redigeringen är klar. Nu har du ett diagram som visar antalet begäranden som skickas till webbappen.

    Skärmbild som visar ett diagram i en Azure-arbetsbok.

  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åttoch ange följande inställningar:

    1. I fältet Namnområde väljer du standardmått för Azure Cosmos DB-kontot.
    2. I fältet Mått väljer du Totalt antal begäranden.
    3. I fältet Sammansättning väljer du Count.
    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 objektet till en anpassad bredd. Kontrollera att bredden procent är inställd på 50%.

  17. Välj Avancerade inställningaroch ange ett namn på diagrammet i fältet Diagramrubriken, till exempel "Totalt antal Cosmos DB-begäranden".

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

    Skärmbild som visar två diagram i en Azure-arbetsbok.

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 tilloch välj 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

      Skärmbild som visar en fråga om antalet begäranden till en webbapp i en Azure-arbetsböcker.

  2. Nu ska vi använda återgivningsinställningarna för att göra diagrammet enkelt att förstå visuellt. Välj Kolumninställningaroch i avsnittet Kolumner till vänster väljer du Åtgärdsnamnoch anger sedan de här inställningarna.

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

    2. I Column renderer-fältet väljer du Tröskelvärden.

    3. I avsnittet Tröskelvärden väljer du Färgeroch lägger sedan till följande tröskelvärden:

      Operatör Värde Färg Text
      Innehåller Skapa Apelsin {0}{1}
      Innehåller Ta bort Röd (ljus) {0}{1}
      Innehåller Redigera Blå (ljus) {0}{1}
      Standard Grön {0}{1}

      Skärmbild som visar hur du ställer in färgerna i ett rutnät i Azure-arbetsböcker.

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

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

    1. I fältet Kolumnnamn anger du (eller lämnar standardnamnet) "RequestCount".
    2. I fältet Column renderer väljer du Bar.
    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 objektet till en anpassad bredd. Kontrollera att bredden procent är inställd på 50%.

  6. Välj Avancerade inställningaroch ange ett namn för diagrammet i fältet Diagramrubrik, till exempel "webbappdrift".

  7. Välj Redigeringen är klar. 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.

    Skärmbild som visar ett stapeldiagram med antalet begäranden per åtgärd för en webbapp.

  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 nyss lade 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 Grid.

  11. Välj Lägg till måttoch ange följande inställningar:

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

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

    3. I fältet Sammansättning, välj Antal.

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

    5. Välj Spara.

      Skärmbild som visar en fråga om antalet begäranden till en databas i en Azure-arbetsbok.

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

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

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

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

    4. I fältet Dela upp 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.

      Skärmbild som visar en fråga med resultat uppdelade i kolumner i en Azure-arbetsbok.

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

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

    1. I fältet Column renderer 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 Stil väljer du Decimal.

      Skärmbild som visar hur du ställer in färgerna i ett rutnät med hjälp av inställningen heatmap i Azure-arbetsböcker.

  15. I avsnittet Kolumner till vänster väljer du microsoft.documentsdb/databaseaccounts-Requests-TotalRequests Tidslinje (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 Column renderer 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 i Column renderer 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 Stil 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 objektet till en anpassad bredd. Kontrollera att bredden procent är inställd på 50%.

  18. Välj Avancerade inställningaroch ange namn för diagrammet i fältet för diagramrubrik, till exempel "Åtgärder för Cosmos DB".

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

    Skärmbild som visar två rutnät sida vid sida i Azure-arbetsböcker.