Visualisaties toevoegen om de gegevens te vergelijken en te analyseren

  • 7 minuten

In deze oefening gaan we nog een stap verder. In plaats van alleen visualisaties te hebben die gegevens uit sommige gegevensbronnen weergeven, gaan we visuals toevoegen die gegevens uit deze bronnen combineren, zodat u de gegevens kunt correleren en uw systeem kunt analyseren.

We gaan grafieken maken om de aanvragen, DE CPU-tijd en het verbruik van aanvraageenheden in de web-app en de Cosmos DB weer te geven. De grafiek maakt gebruik van gecombineerde metrische gegevens van de webtoepassing en de database.

We gaan gegevens combineren met behulp van Log Analytics-query's die gegevens ophalen uit deze bronnen:

  • de web-app
  • cosmos DB
  • de Log Analytics-werkruimte

Vervolgens voegen we een metrische waarde toe waarmee de toepassing wordt bewaakt.

Enkele gegevens genereren voor deze oefening

  1. Meld u aan bij de Azure Portal.

  2. Selecteer resourcegroepen op de startpagina of zoek naar Resourcegroepen in de zoekbalk boven aan de pagina.

  3. Selecteer de resourcegroep Leren die is gemaakt toen de sandbox werd geactiveerd.

  4. Bekijk de lijst met resources en selecteer de App Service.

    Screenshot of selecting the App Service from the resource group.

  5. Selecteer Bladeren op de bovenste werkbalk.

    Screenshot of the browser button from the App Service page.

  6. Vul de app-service met enkele activiteiten om bepaalde gegevens te genereren voor ons voorbeeld. Maak op de pagina Takenlijst enkele items, bewerk ze of markeer deze als voltooid.

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

Grafieken toevoegen om het aantal aanvragen te vergelijken

We gaan twee grafieken genereren om naast elkaar te plaatsen om het aantal aanvragen dat naar de web-app wordt verzonden en naar de Cosmos DB te vergelijken.

Selecteer Bewerken in de bovenste werkbalk in uw werkmap.

  1. Selecteer Toevoegen en selecteer vervolgens Parameters toevoegen.

  2. Selecteer Parameter toevoegen om een nieuwe parameter toe te voegen.

    1. Voer in het veld Parameternaam WebApps in.

    2. Selecteer resourcekiezer in het veld Parametertype.

    3. Schakel het selectievakje Vereist in.

    4. Selecteer Query in de sectie Gegevens ophalen uit.

    5. In de sectie Abonnementenlogboekquery :

      1. Selecteer Azure-resourcegrafiek in het veld Gegevensbron.

      2. Selecteer Abonnement in het veld Resourcetype.

      3. Selecteer in het veld Abonnementen de resourceparameter Abonnement .

      4. Voer de volgende query in en selecteer Query uitvoeren.

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

      Screenshot that shows the web app parameter in a workbook.

    6. Selecteer Opslaan.

  3. Selecteer opnieuw parameter toevoegen in dezelfde sectie Parameter toevoegen.

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

    1. Voer CosmosDB in het veld Parameternaam in.

    2. Selecteer resourcekiezer in het veld Parametertype.

    3. Schakel het selectievakje Vereist in.

    4. Selecteer Query in de sectie Gegevens ophalen uit.

    5. In de sectie Abonnementenlogboekquery :

      1. Selecteer Azure-resourcegrafiek in het veld Gegevensbron.

      2. Selecteer Abonnement in het veld Resourcetype.

      3. Selecteer in het veld Abonnementen de resourceparameter Abonnement .

      4. Voer de volgende query in en selecteer Query uitvoeren.

        resources 
| where type == "microsoft.documentdb/databaseaccounts" 
| project id

    6. Selecteer Opslaan.

  4. Selecteer opnieuw parameter toevoegen in dezelfde sectie Parameter toevoegen.

    1. Voer LogAnalytics in het veld Parameternaam in.

    2. Selecteer resourcekiezer in het veld Parametertype.

    3. Schakel het selectievakje Vereist in.

    4. Selecteer Query in de sectie Gegevens ophalen uit.

    5. In de sectie Abonnementenlogboekquery :

      1. Selecteer Azure-resourcegrafiek in het veld Gegevensbron.

      2. Selecteer Abonnement in het veld Resourcetype.

      3. Selecteer in het veld Abonnementen de resourceparameter Abonnement .

      4. Voer de volgende query in en selecteer Query uitvoeren.

        resources 
| where type == "microsoft.operationalinsights/workspaces"
| project id

    6. Selecteer Opslaan.

  5. Selecteer opnieuw parameter toevoegen in dezelfde sectie Parameter toevoegen.

    1. Voer in het veld Parameternaam TimeRange in.
    2. Selecteer in het veld Parametertype de optie Tijdsbereikkiezer.
    3. Schakel het selectievakje Vereist in.
    4. Zorg ervoor dat alle waarden zijn geselecteerd in het veld Beschikbare tijdsbereiken .
    5. Selecteer Opslaan.

  6. Selecteer Klaar met bewerken. Uw werkmap heeft nu een parameterbeheer met vier parameters. Wanneer u de eerste parameter selecteert, wordt de lijst in elke opeenvolgende vervolgkeuzelijst ingevuld op basis van uw selectie.

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

  7. Selecteer Bewerken naast het parameterbesturingselement dat we zojuist hebben toegevoegd en selecteer vervolgens Metrische gegevens toevoegen en toevoegen.

  8. Voer deze instellingen in voor de metrische waarde:

    1. Selecteer App Service in het veld Resourcetype.

    2. Selecteer in het veld App Service de parameter WebApp .

    3. Selecteer in het veld Tijdsbereik de parameter TimeRange .

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

  9. Selecteer Metrische gegevens toevoegen en voer deze instellingen in:

    1. Selecteer in het veld Naamruimte de standaardgegevens van App Service.

    2. Selecteer Aanvragen in het veld Metrische gegevens.

    3. Selecteer Aantal in het veld Aggregatie.

    4. Selecteer Opslaan.

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

  10. Als u ervoor wilt zorgen dat de grafieken naast elkaar worden weergegeven, selecteert u Stijl boven aan het venster en schakelt u vervolgens het selectievakje Dit item een aangepaste breedte maken in. Zorg ervoor dat de breedte van het percentage is ingesteld op 50%.

  11. Selecteer Geavanceerde instellingen en voer een naam in voor de grafiek in het veld Grafiektitel , zoals 'Web-app-aantal aanvragen'.

  12. Selecteer Klaar met bewerken. U hebt nu een grafiek met het aantal aanvragen dat naar uw web-app is verzonden.

    Screenshot that shows one graph in an Azure Workbook.

  13. Selecteer Metrische gegevens toevoegen en toevoegen.

  14. Voer deze instellingen in voor de metrische waarde:

    1. Selecteer in het veld Resourcetype het Azure Cosmos DB-account.
    2. Selecteer in het veld App Service de CosmosDB-parameter .
    3. Selecteer in het veld Tijdsbereik de parameter TimeRange .

  15. Selecteer Metrische gegevens toevoegen en voer deze instellingen in:

    1. Selecteer in het veld Naamruimte de standaardgegevens van het Azure Cosmos DB-account.
    2. Selecteer In het veld Metrische gegevens de optie Totaal aantal aanvragen.
    3. Selecteer Aantal in het veld Aggregatie.
    4. Selecteer Opslaan.

  16. Als u ervoor wilt zorgen dat de grafieken naast elkaar worden weergegeven, selecteert u Stijl boven aan het venster en schakelt u vervolgens het selectievakje Dit item een aangepaste breedte maken in. Zorg ervoor dat de breedte van het percentage is ingesteld op 50%.

  17. Selecteer Geavanceerde instellingen en voer een naam in voor de grafiek in het veld Grafiektitel , zoals 'Totaal aantal aanvragen van Cosmos DB'.

  18. Selecteer Klaar met bewerken. U hebt nu twee naast elkaars grafieken met het aantal aanvragen dat naar uw web-app en uw database is verzonden.

    Screenshot that shows two graphs in an Azure Workbook.

Grafieken toevoegen om het volume van bewerkingen te vergelijken

We gaan Log Analytics-query's gebruiken om twee grafieken te genereren die we naast elkaar plaatsen om het aantal en de typen aanvragen te vergelijken dat naar de web-app wordt verzonden en naar de Cosmos DB.

Selecteer Bewerken in de bovenste werkbalk in uw werkmap.

  1. Voeg een query toe voor het aantal aanvragen per bewerking. Selecteer Toevoegen en selecteer vervolgens Query toevoegen.

    1. Selecteer Logboeken in het veld Gegevensbron.

    2. Selecteer Log Analytics in het veld Resourcetype.

    3. Selecteer de Log Analytics-parameter in het veld Log Analytics-werkruimte.

    4. Selecteer in het veld Tijdsbereik de parameter TimeRange .

    5. Voer deze logboekquery in:

        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 gaan we de renderinginstellingen gebruiken om de grafiek visueel gemakkelijk te begrijpen. Selecteer Kolominstellingen en selecteer vervolgens in de sectie Kolommen aan de linkerkant de optie Bewerkingsnaam en voer deze instellingen in.

    1. Voer in het veld Kolomnaam (of laat de standaardnaam) 'OperationName' in.

    2. Selecteer Drempelwaarden in het veld Kolomweergave.

    3. Selecteer kleuren in de sectie Drempelwaarden en voeg deze drempelwaarden toe:

      Operator Weergegeven als Kleur Sms verzenden
      bevat Maken Orange {0}{1}
      bevat Delete Rood (helder) {0}{1}
      bevat Bewerken Blauw (licht) {0}{1}
      Standaardinstelling Groen {0}{1}

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

  3. Selecteer in de sectie Kolommen aan de linkerkant _ResourceId en selecteer vervolgens verborgen in het veld Kolomweergave.

  4. Selecteer ResourceCount in de sectie Kolommen aan de linkerkant en voer de volgende instellingen in:

    1. Voer in het veld Kolomnaam (of laat de standaardnaam) RequestCount in.
    2. Selecteer Balk in het veld Kolomweergave.
    3. Selecteer Blauw in de sectie Kleurenpalet.**
    4. Selecteer Opslaan en sluiten.

  5. Als u ervoor wilt zorgen dat de grafieken naast elkaar worden weergegeven, selecteert u Stijl boven aan het venster en schakelt u vervolgens het selectievakje Dit item een aangepaste breedte maken in. Zorg ervoor dat de breedte van het percentage is ingesteld op 50%.

  6. Selecteer Geavanceerde instellingen en voer een naam in voor de grafiek in het veld Grafiektitel , zoals 'Web App Operations'.

  7. Selecteer Klaar met bewerken. Uw werkmap heeft nu een grafiek met kleurcodes met de typen bewerkingen die naar uw web-app worden verzonden en het aantal van elk type aanvraag.

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

  8. Nu gaan we een visualisatie toevoegen voor het aantal aanvragen voor cosmos DB.

  9. Selecteer Bewerken naast het parameterbesturingselement dat we zojuist hebben toegevoegd en selecteer vervolgens Metrische gegevens toevoegen en toevoegen.

  10. Voer deze instellingen in voor de metrische waarde:

    1. Selecteer in het veld Resourcetype het Azure Cosmos DB-account.
    2. Selecteer in het veld App Service de CosmosDB-parameter .
    3. Selecteer in het veld Tijdsbereik de parameter TimeRange .
    4. Selecteer Raster in het veld Visualisatie.

  11. Selecteer Metrische gegevens toevoegen en voer deze instellingen in:

    1. Selecteer in het veld Naamruimte de standaardgegevens van het Azure Cosmos DB-account.

    2. Selecteer In het veld Metrische gegevens de optie Totaal aantal aanvragen.

    3. Selecteer Aantal in het veld Aggregatie.

    4. Selecteer Geen in het veld Splitsen.

    5. Selecteer Opslaan.

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

  12. Voeg nog een metrische waarde toe. Selecteer Metrische gegevens toevoegen en toevoegen en voer de volgende instellingen in:

    1. Selecteer in het veld Naamruimte de standaardgegevens van het Azure Cosmos DB-account.

    2. Selecteer In het veld Metrische gegevens de optie Totaal aantal aanvragen.

    3. Selecteer Aantal in het veld Aggregatie.

    4. Selecteer OperationType in het veld Splitsen op.

    5. Selecteer Aflopend in het veld Sorteren op.

    6. Selecteer 5 in het veld Aantal splitsingen.

    7. Voer in het veld Weergavenaam 'Bewerkingen' in.

    8. Selecteer Opslaan.

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

  13. We gaan de renderinginstellingen gebruiken om de grafiek visueel gemakkelijk te begrijpen.

  14. Selecteer Kolominstellingen en selecteer vervolgens in de sectie Kolommen aan de linkerkant microsoft.documentsdb/databaseaccounts-Requests-TotalRequests en voer deze instellingen in.

    1. Selecteer Heatmap in het veld Kolomweergave.

    2. Selecteer Blauw in het veld Kleurenpalet.

    3. Selecteer Aangepaste opmaak.

      1. Selecteer Aantal in het veld Eenheden.
      2. Selecteer Decimaal in het veld Stijl.

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

  15. Selecteer in de sectie Kolommen aan de linkerkant microsoft.documentsdb/databaseaccounts-Requests-TotalRequests Timeline (verborgen) en voer de volgende instellingen in:

    1. Voer in het veld Kolomlabel (of laat de standaardnaam) 'Totaal aantal aanvragen (aantal)' in.
    2. Selecteer Heatmap in het veld Kolomweergave.
    3. Selecteer Blauw in het veld Kleurenpalet.

  16. Selecteer in de sectie Kolommen aan de linkerkant */Operations$ (Tekst) en voer de volgende instellingen in:

    1. Voer in het veld Kolomlabel (of laat de standaardnaam) 'Totaal aantal aanvragen (aantal)' in.
    2. Selecteer Heatmap in het veld Kolomweergave.
    3. Selecteer Blauw in het veld Kleurenpalet.
    4. Selecteer Aangepaste opmaak.
      1. Selecteer Aantal in het veld Eenheden.
      2. Selecteer Decimaal in het veld Stijl.
    5. Selecteer Opslaan en sluiten.

  17. Als u ervoor wilt zorgen dat de grafieken naast elkaar worden weergegeven, selecteert u Stijl boven aan het venster en schakelt u vervolgens het selectievakje Dit item een aangepaste breedte maken in. Zorg ervoor dat de breedte van het percentage is ingesteld op 50%.

  18. Selecteer Geavanceerde instellingen en voer een naam in voor de grafiek in het veld Grafiektitel , zoals 'Cosmos DB-bewerkingen'.

  19. Selecteer Klaar met bewerken. Uw werkmap bevat nu twee kleurengrafieken met de getallen en typen aanvragen die naar uw web-app en uw Cosmos DB worden verzonden.

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