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 requesteenheden in de webapp en de Cosmos DB te tonen. 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
  • de 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 op de startpaginaResourcegroepen, of zoek bovenaan de pagina in de zoekbalk naar 'Resourcegroepen'.

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

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

    schermopname van het selecteren van de App Service in de resourcegroep.

  5. Selecteer op de bovenste werkbalk Bladeren.

    schermopname van de browserknop op de pagina App Service.

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

    Schermopname die taken voor de App Service van de leermodule Werkmappen toont.

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 in de werkmap Bewerken in de bovenste werkbalk.

  1. Selecteer toevoegen en selecteer vervolgens Parameters toevoegen.

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

    1. Voer in het veld met de naam parameter het woord WebAppsin.

    2. Selecteer in het veld parametertyperesourcekiezer.

    3. Vink het vakje Vereist aan.

    4. Selecteer in de sectie Gegevens ophalen uitQuery.

    5. In de sectie Abonnementenlogboek-query:

      1. Selecteer in het veld Gegevensbron, de Azure-resourcegrafiek.

      2. Selecteer in het veld 'Resourcetype' het 'Abonnement'.

      3. Selecteer in het veld Abonnement de resourceparameter Abonnement.

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

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

      Schermafbeelding die de parameter van de web-app in een werkmap toont.

    6. Selecteer opslaan.

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

    Schermopname van het toevoegen van een tweede parameter aan een bestaand parameterbeheer in Azure-werkmappen.

    1. Voer in het veld Parameternaam de waarde CosmosDBin.

    2. Selecteer in het parametertype veld resourcekiezer.

    3. Vink het selectievakje Vereist aan.

    4. Selecteer in de sectie Gegevens ophalen uitQuery.

    5. In de Abonnementenlogboekquerysectie:

      1. Selecteer in het veld Gegevensbron de Azure Resource Graph.

      2. In het veld Resourcetype selecteer Abonnement.

      3. Selecteer in het veld Abonnementen de resourceparameter Abonnement.

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

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

    6. Selecteer opslaan.

  4. Selecteer in dezelfde sectie Parameter toevoegenParameter toevoegen opnieuw.

    1. Voer LogAnalyticsin het veld Parameternaam in.

    2. Selecteer in het veld Parametertype de Resourcekiezer.

    3. Selecteer het selectievakje Vereist.

    4. Selecteer in de sectie Gegevens ophalen uitQuery.

    5. In de sectie abonnementenlogboek-query:

      1. Selecteer in het veld Gegevensbron de Azure-resourcegrafiek.

      2. In het veld Resourcetype, selecteer Abonnement.

      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 in dezelfde sectie Parameter toevoegen de optie Parameter toevoegen.

    1. Voer in het veld Parameternaam, TimeRange-in.
    2. Selecteer in het veld Parametertype de tijdbereik kiezer.
    3. Schakel het selectievakje Vereist in.
    4. Controleer in het veld Beschikbare tijdsbereiken of alle waarden zijn geselecteerd.
    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.

    Schermafbeelding die meerdere parameters in één controle-element in Azure Workbooks toont.

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

  8. Voer deze instellingen in voor de metrische waarde:

    1. Selecteer App Servicein het veld Resource Type.

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

    3. Selecteer in het veld Tijdsbereik de parameter TimeRange.

      schermopname met de metrische instellingen voor een web-app in Azure Workbooks.

  9. Selecteer Voeg metingtoe en voer deze instellingen in:

    1. Selecteer in het veld Namespace App Service standaardmetrische gegevens.

    2. Selecteer in het veld Metrische gegevens Aanvragen.

    3. Selecteer in het Aggregatieveld Aantal.

    4. Selecteer opslaan.

      Schermopname van de metrische instellingen voor het aantal aanvragen voor een 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 selecteert u vervolgens het selectievakje Dit item een aangepaste breedte maken. Zorg ervoor dat de procentbreedte is ingesteld op 50%.

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

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

    Schermopname van één grafiek in een Azure-werkmap.

  13. Selecteer toevoegen en Metrischetoevoegen.

  14. Voer deze instellingen in voor de metrische waarde:

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

  15. selecteer Toevoegen metrieken voer deze instellingen in:

    1. Selecteer in het veld Naamruimte metrische gegevens van het Azure Cosmos DB-account.
    2. Selecteer in het veld Metrische gegevens Totaal aantal aanvragen.
    3. Selecteer in het Aggregatie-veld Aantal.
    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. Zorg ervoor dat de procentbreedte is ingesteld op 50%.

  17. Selecteer Geavanceerde instellingenen voer een naam in voor de grafiek in het grafiektitel veld, zoals 'Cosmos DB totaal aantal aanvragen'.

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

    Schermopname van twee grafieken in een Azure-werkmap.

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 in je werkmap Bewerken in de bovenste werkbalk.

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

    1. Selecteer in het veld Gegevensbron, Logboeken.

    2. Selecteer in het veld ResourcetypeLog Analytics.

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

    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

      Schermopname van een query voor het aantal aanvragen voor een web-app in Azure Workbooks.

  2. Nu gaan we de renderinginstellingen gebruiken om de grafiek visueel gemakkelijk te begrijpen. Selecteer kolominstellingenen selecteer vervolgens in de sectie Kolommen aan de linkerkant Bewerkingsnaamen voer deze instellingen in.

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

    2. Selecteer bij het Kolomweergaveveld de drempelwaarden.

    3. Selecteer in de sectie DrempelwaardenKleurenen voeg vervolgens deze drempelwaarden toe:

      Bediener Waarde Kleur Tekst
      Bevat Creëren Oranje {0}{1}
      Bevat Verwijderen Rood (helder) {0}{1}
      Bevat Bewerken Blauw (licht) {0}{1}
      Verstek Groen {0}{1}

      Schermopname van het instellen van de kleuren in een raster in Azure Workbooks.

  3. Selecteer in de sectie Kolommen aan de linkerkant _ResourceIden selecteer vervolgens in het veld KolomrendererVerborgen.

  4. In de sectie Kolommen aan de linkerkant, selecteer ResourceCounten voer vervolgens deze instellingen in.

    1. Voer in het kolomnaam veld 'RequestCount' in (of laat de standaardnaam staan).
    2. Selecteer in het veld kolomweergave de optie balk.
    3. Selecteer in de kleurenpalet sectie Blauw.**
    4. Selecteer Opslaan ensluiten.

  5. Als u ervoor wilt zorgen dat de grafieken naast elkaar staan, selecteert u Stijl boven aan het venster en vinkt u vervolgens het selectievakje Maak van dit item een aangepaste breedte aan. Zorg ervoor dat de procentbreedte is ingesteld op 50%.

  6. Selecteer Geavanceerde instellingenen voer een naam in voor de grafiek in het veld Grafiektitel, zoals 'Web App-bewerkingen'.

  7. Selecteer Bewerking voltooien. 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.

    Schermopname van een staafdiagram met het aantal aanvragen per bewerking voor een 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 Toevoegen en Metrische gegevens toevoegen.

  10. Voer deze instellingen in voor de metrische waarde:

    1. Selecteer in het veld ResourcetypeAzure Cosmos DB-account.
    2. Selecteer in het veld App Service de parameter CosmosDB.
    3. Selecteer in het veld Tijdsbereik de parameter TimeRange.
    4. In het veld Visualisatie, selecteer Raster.

  11. Selecteer Voeg metriek toeen voer deze instellingen in:

    1. Selecteer in het veld Naamruimte standaardmetrische gegevens van het Azure Cosmos DB-account.

    2. Selecteer in het veld Metrische gegevens Totaal aantal aanvragen.

    3. Selecteer in het veld Aggregatie Aantal.

    4. Selecteer in het veld SplitsingGeen.

    5. Selecteer opslaan.

      Schermopname van een query voor het aantal aanvragen voor een database in een Azure-werkmap.

  12. Voeg nog een metrische waarde toe. Selecteer Add en Add metricen voer de volgende instellingen in:

    1. In het veld Naamruimte selecteer je standaardmetrische gegevens van het Azure Cosmos DB-account.

    2. Selecteer in het veld Metrische gegevens Totaal aantal aanvragen.

    3. Selecteer Aantalin het veld Aggregatie.

    4. Selecteer in het veld Splitsen op het OperationType.

    5. Selecteer in het veld Sorteren op de optie aflopend,.

    6. Selecteer in het veld Aantal splitsingen5.

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

    8. Selecteer opslaan.

      Schermopname van een query met resultaten die zijn gesplitst in kolommen in een Azure-werkmap.

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

  14. Selecteer kolominstellingen, en ga vervolgens naar het Kolommen-gedeelte aan de linkerkant. Selecteer daar microsoft.documentsdb/databaseaccounts-Requests-TotalRequestsen voer deze instellingen in.

    1. Selecteer in het veld kolomweergaveHeatmap.

    2. Selecteer in het kleurenpalet veld Blauwe.

    3. Selecteer aangepaste opmaak.

      1. Selecteer in het veld EenhedenAantal.
      2. Selecteer in het veld StijlDecimaal.

      Schermopname van het instellen van de kleuren in een raster met behulp van de heatmap-instelling in Azure Workbooks.

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

    1. Voer in het veld Kolomlabel de standaardnaam 'Totaal aantal aanvragen (aantal)' in of laat deze staan.
    2. Selecteer in de kolomweergave het veld voor de Heatmap.
    3. Selecteer in het kleurenpalet veld Blauwe.

  16. In de sectie Kolommen aan de linkerkant, selecteer */Operations$ (Tekst)en voer vervolgens deze instellingen in:

    1. Voer in het veld Kolomlabel de standaardnaam 'Totaal aantal aanvragen (aantal)' in of laat deze staan.
    2. Selecteer in het veld Kolomweergave de optie Heatmap.
    3. Selecteer in het kleurenpalet veld Blauwe.
    4. Selecteer aangepaste opmaak.
      1. Selecteer in het veld EenhedenAantal.
      2. Selecteer in het veld Stijleen Decimaal.
    5. Selecteer Opslaan ensluiten.

  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. Zorg ervoor dat de procentbreedte is ingesteld op 50%.

  18. Selecteer Geavanceerde instellingenen voer een naam in voor de grafiek in het grafiektitel veld, 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.

    Schermopname van twee naast elkaar weergegeven rasters in Azure Workbooks.