Dodawanie wizualizacji do porównywania i analizowania danych

  • 7 min

W tym ćwiczeniu zajmiemy się jeszcze jednym krokiem. Zamiast wizualizacji, które pokazują dane z niektórych źródeł danych, dodamy wizualizacje łączące dane z tych źródeł, aby umożliwić korelowanie danych i analizowanie systemu.

Utworzymy wykresy, aby pokazać żądania, czas procesora CPU i użycie jednostek żądania w aplikacji internetowej i usłudze Cosmos DB. Wykres używa połączonych metryk z aplikacji internetowej i bazy danych.

Połączymy dane przy użyciu zapytań usługi Log Analytics, które pobierają dane z następujących źródeł:

  • aplikacja internetowa
  • usługa Cosmos DB
  • obszar roboczy usługi Log Analytics

Następnie dodamy metrykę, która monitoruje aplikację.

Generowanie danych na potrzeby tego ćwiczenia

  1. Zaloguj się do Azure Portal.

  2. Na stronie głównej wybierz pozycję Grupy zasobów lub wyszukaj ciąg "Grupy zasobów" na pasku wyszukiwania w górnej części strony.

  3. Wybierz grupę zasobów "learn" utworzoną po aktywowaniu piaskownicy.

  4. Przejrzyj listę zasobów i wybierz usługę App Service.

    Screenshot of selecting the App Service from the resource group.

  5. Na górnym pasku narzędzi wybierz pozycję Przeglądaj.

    Screenshot of the browser button from the App Service page.

  6. Wypełnij usługę app service niektórymi działaniami, aby wygenerować dane dla naszego przykładu. Na stronie Lista elementów do wykonania utwórz niektóre elementy, edytuj je lub oznacz jako ukończone.

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

Dodawanie grafów w celu porównania liczby żądań

Wygenerujemy dwa grafy, aby umieścić obok siebie, aby porównać liczbę żądań wysyłanych do aplikacji internetowej i do usługi Cosmos DB.

W skoroszycie wybierz pozycję Edytuj na górnym pasku narzędzi.

  1. Wybierz pozycję Dodaj, a następnie wybierz pozycję Dodaj parametry.

  2. Wybierz pozycję Dodaj parametr , aby dodać nowy parametr.

    1. W polu Nazwa parametru wprowadź wartość WebApps.

    2. W polu Typ parametru wybierz pozycję Selektor zasobów.

    3. Zaznacz pole wyboru Wymagane.

    4. W sekcji Pobieranie danych z wybierz pozycję Zapytanie.

    5. W sekcji Zapytanie dziennika subskrypcji:

      1. W polu Źródło danych wybierz pozycję Wykres zasobów platformy Azure.

      2. W polu Typ zasobu wybierz pozycję Subskrypcja.

      3. W polu Subskrypcje wybierz parametr zasobu Subskrypcja.

      4. Wprowadź następujące zapytanie, a następnie wybierz pozycję Uruchom zapytanie.

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

      Screenshot that shows the web app parameter in a workbook.

    6. Wybierz pozycję Zapisz.

  3. W tej samej sekcji Dodaj parametr ponownie wybierz pozycję Dodaj parametr .

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

    1. W polu Nazwa parametru wprowadź wartość CosmosDB.

    2. W polu Typ parametru wybierz pozycję Selektor zasobów.

    3. Zaznacz pole wyboru Wymagane.

    4. W sekcji Pobieranie danych z wybierz pozycję Zapytanie.

    5. W sekcji Zapytanie dziennika subskrypcji:

      1. W polu Źródło danych wybierz pozycję Wykres zasobów platformy Azure.

      2. W polu Typ zasobu wybierz pozycję Subskrypcja.

      3. W polu Subskrypcje wybierz parametr zasobu Subskrypcja.

      4. Wprowadź następujące zapytanie, a następnie wybierz pozycję Uruchom zapytanie.

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

    6. Wybierz pozycję Zapisz.

  4. W tej samej sekcji Dodaj parametr ponownie wybierz pozycję Dodaj parametr .

    1. W polu Nazwa parametru wprowadź wartość LogAnalytics.

    2. W polu Typ parametru wybierz pozycję Selektor zasobów.

    3. Zaznacz pole wyboru Wymagane.

    4. W sekcji Pobieranie danych z wybierz pozycję Zapytanie.

    5. W sekcji Zapytanie dziennika subskrypcji:

      1. W polu Źródło danych wybierz pozycję Wykres zasobów platformy Azure.

      2. W polu Typ zasobu wybierz pozycję Subskrypcja.

      3. W polu Subskrypcje wybierz parametr zasobu Subskrypcja.

      4. Wprowadź następujące zapytanie, a następnie wybierz pozycję Uruchom zapytanie.

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

    6. Wybierz pozycję Zapisz.

  5. W tej samej sekcji Dodaj parametr ponownie wybierz pozycję Dodaj parametr .

    1. W polu Nazwa parametru wprowadź wartość TimeRange.
    2. W polu Typ parametru wybierz pozycję Selektor zakresu czasu.
    3. Zaznacz pole wyboru Wymagane.
    4. W polu Dostępne zakresy czasu upewnij się, że wybrano wszystkie wartości.
    5. Wybierz pozycję Zapisz.

  6. Wybierz pozycję Zakończono edytowanie. Skoroszyt ma teraz kontrolkę parametru z czterema parametrami. Po wybraniu pierwszego parametru lista na każdej kolejnej liście rozwijanej zostanie wypełniona na podstawie wybranego wyboru.

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

  7. Wybierz pozycję Edytuj obok właśnie dodanej kontrolki parametru, a następnie wybierz pozycję Dodaj i Dodaj metryki.

  8. Wprowadź następujące ustawienia dla metryki:

    1. W polu Typ zasobu wybierz pozycję App Service.

    2. W polu App Service wybierz parametr WebApp.

    3. W polu Zakres czasu wybierz parametr TimeRange.

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

  9. Wybierz pozycję Dodaj metryki i wprowadź następujące ustawienia:

    1. W polu Przestrzeń nazw wybierz pozycję Metryki standardowe usługi App Service.

    2. W polu Metryki wybierz pozycję Żądania.

    3. W polu Agregacja wybierz pozycję Liczba.

    4. Wybierz pozycję Zapisz.

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

  10. Aby upewnić się, że wykresy są wyświetlane obok siebie, wybierz pozycję Styl w górnej części okna, a następnie zaznacz pole wyboru Ustaw ten element jako szerokość niestandardową. Upewnij się, że szerokość percenta jest ustawiona na 50%.

  11. Wybierz pozycję Ustawienia zaawansowane i wprowadź nazwę wykresu w polu Tytuł wykresu, na przykład "Liczba żądań aplikacji internetowej".

  12. Wybierz pozycję Zakończono edytowanie. Masz teraz wykres przedstawiający liczbę żądań wysyłanych do aplikacji internetowej.

    Screenshot that shows one graph in an Azure Workbook.

  13. Wybierz pozycję Dodaj i Dodaj metryki.

  14. Wprowadź następujące ustawienia dla metryki:

    1. W polu Typ zasobu wybierz pozycję Konto usługi Azure Cosmos DB.
    2. W polu App Service wybierz parametr CosmosDB.
    3. W polu Zakres czasu wybierz parametr TimeRange.

  15. Wybierz pozycję Dodaj metryki i wprowadź następujące ustawienia:

    1. W polu Przestrzeń nazw wybierz pozycję Metryki standardowe konta usługi Azure Cosmos DB.
    2. W polu Metryki wybierz pozycję Łączna liczba żądań.
    3. W polu Agregacja wybierz pozycję Liczba.
    4. Wybierz pozycję Zapisz.

  16. Aby upewnić się, że wykresy są wyświetlane obok siebie, wybierz pozycję Styl w górnej części okna, a następnie zaznacz pole wyboru Ustaw ten element jako szerokość niestandardową. Upewnij się, że szerokość percenta jest ustawiona na 50%.

  17. Wybierz pozycję Ustawienia zaawansowane i wprowadź nazwę wykresu w polu Tytuł wykresu, na przykład "Łączna liczba żądań usługi Cosmos DB".

  18. Wybierz pozycję Zakończono edytowanie. Teraz masz dwa wykresy równoległe z liczbą żądań wysyłanych do aplikacji internetowej i bazy danych.

    Screenshot that shows two graphs in an Azure Workbook.

Dodawanie wykresów w celu porównania liczby operacji

Użyjemy zapytań usługi Log Analytics do wygenerowania dwóch grafów, które umieścimy obok siebie, aby porównać liczbę i typy żądań wysyłanych do aplikacji internetowej i do usługi Cosmos DB.

W skoroszycie wybierz pozycję Edytuj na górnym pasku narzędzi.

  1. Dodaj zapytanie dotyczące liczby żądań na operację. Wybierz pozycję Dodaj, a następnie wybierz pozycję Dodaj zapytanie.

    1. W polu Źródło danych wybierz pozycję Dzienniki.

    2. W polu Typ zasobu wybierz pozycję Log Analytics.

    3. W polu Obszar roboczy usługi Log Analytics wybierz parametr Log Analytics.

    4. W polu Zakres czasu wybierz parametr TimeRange.

    5. Wprowadź następujące zapytanie dziennika:

        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. Teraz użyjemy ustawień renderowania, aby ułatwić wizualne zrozumienie wykresu. Wybierz pozycję Ustawienia kolumny, a następnie w sekcji Kolumny po lewej stronie wybierz pozycję Nazwa operacji, a następnie wprowadź te ustawienia.

    1. W polu Nazwa kolumny wprowadź (lub pozostaw domyślną nazwę) "OperationName".

    2. W polu Moduł renderowania kolumn wybierz pozycję Progi.

    3. W sekcji Progi wybierz pozycję Kolory, a następnie dodaj następujące progi:

      Operator Wartość Kolor Text
      zawiera Utworzenie Orange {0}{1}
      zawiera Delete Czerwony (jasny) {0}{1}
      zawiera Edytuj Niebieski (jasny) {0}{1}
      Wartość domyślna Green (Zielony) {0}{1}

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

  3. W sekcji Kolumny po lewej stronie wybierz pozycję _ResourceId, a następnie w polu Renderowanie kolumn wybierz pozycję Ukryte.

  4. W sekcji Kolumny po lewej stronie wybierz pozycję ResourceCount, a następnie wprowadź następujące ustawienia:

    1. W polu Nazwa kolumny wprowadź (lub pozostaw domyślną nazwę) "RequestCount".
    2. W polu Moduł renderowania kolumn wybierz pozycję Pasek.
    3. W sekcji Paleta kolorów wybierz pozycję Niebieski.**
    4. Wybierz pozycję Zapisz i zamknij.

  5. Aby upewnić się, że wykresy są wyświetlane obok siebie, wybierz pozycję Styl w górnej części okna, a następnie zaznacz pole wyboru Ustaw ten element jako szerokość niestandardową. Upewnij się, że szerokość percenta jest ustawiona na 50%.

  6. Wybierz pozycję Ustawienia zaawansowane i wprowadź nazwę wykresu w polu Tytuł wykresu, na przykład "Operacje aplikacji internetowej".

  7. Wybierz pozycję Zakończono edytowanie. Skoroszyt zawiera teraz graf kodowany kolorami przedstawiający typy operacji wysyłanych do aplikacji internetowej oraz liczbę każdego typu żądania.

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

  8. Teraz dodamy wizualizację liczby żądań dla usługi Cosmos DB.

  9. Wybierz pozycję Edytuj obok właśnie dodanej kontrolki parametru, a następnie wybierz pozycję Dodaj i Dodaj metryki.

  10. Wprowadź następujące ustawienia dla metryki:

    1. W polu Typ zasobu wybierz pozycję Konto usługi Azure Cosmos DB.
    2. W polu App Service wybierz parametr CosmosDB.
    3. W polu Zakres czasu wybierz parametr TimeRange.
    4. W polu Wizualizacja wybierz pozycję Siatka.

  11. Wybierz pozycję Dodaj metryki i wprowadź następujące ustawienia:

    1. W polu Przestrzeń nazw wybierz pozycję Metryki standardowe konta usługi Azure Cosmos DB.

    2. W polu Metryki wybierz pozycję Łączna liczba żądań.

    3. W polu Agregacja wybierz pozycję Liczba.

    4. W polu Podział wybierz pozycję Brak.

    5. Wybierz pozycję Zapisz.

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

  12. Dodaj kolejną metryki. Wybierz pozycję Dodaj i dodaj metryki, a następnie wprowadź następujące ustawienia:

    1. W polu Przestrzeń nazw wybierz pozycję Metryki standardowe konta usługi Azure Cosmos DB.

    2. W polu Metryki wybierz pozycję Łączna liczba żądań.

    3. W polu Agregacja wybierz pozycję Liczba.

    4. W polu Podziel według wybierz pozycję OperationType.

    5. W polu Sortuj według wybierz pozycję Malejąco.

    6. W polu Liczba podziałów wybierz pozycję 5.

    7. W polu Nazwa wyświetlana wprowadź wartość "Operacje".

    8. Wybierz pozycję Zapisz.

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

  13. Użyjemy ustawień renderowania, aby ułatwić wizualne zrozumienie wykresu.

  14. Wybierz pozycję Ustawienia kolumny, a następnie w sekcji Kolumny po lewej stronie wybierz pozycję microsoft.documentsdb/databaseaccounts-Requests-TotalRequests, a następnie wprowadź te ustawienia.

    1. W polu Moduł renderowania kolumn wybierz pozycję Mapa cieplna.

    2. W polu Paleta kolorów wybierz pozycję Niebieski.

    3. Wybierz pozycję Formatowanie niestandardowe.

      1. W polu Jednostki wybierz pozycję Liczba.
      2. W polu Styl wybierz pozycję Dziesiętne.

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

  15. W sekcji Kolumny po lewej stronie wybierz pozycję microsoft.documentsdb/databaseaccounts-Requests-TotalRequests Oś czasu (ukryte), a następnie wprowadź następujące ustawienia:

    1. W polu Etykieta kolumny wprowadź (lub pozostaw domyślną nazwę) "Total Requests (Liczba)".
    2. W polu Moduł renderowania kolumn wybierz pozycję Mapa cieplna.
    3. W polu Paleta kolorów wybierz pozycję Niebieski.

  16. W sekcji Kolumny po lewej stronie wybierz pozycję */Operations$ (tekst), a następnie wprowadź następujące ustawienia:

    1. W polu Etykieta kolumny wprowadź (lub pozostaw domyślną nazwę) "Total Requests (Liczba)".
    2. W polu Moduł renderowania kolumn wybierz pozycję Mapa cieplna.
    3. W polu Paleta kolorów wybierz pozycję Niebieski.
    4. Wybierz pozycję Formatowanie niestandardowe.
      1. W polu Jednostki wybierz pozycję Liczba.
      2. W polu Styl wybierz pozycję Dziesiętne.
    5. Wybierz pozycję Zapisz i zamknij.

  17. Aby upewnić się, że wykresy są wyświetlane obok siebie, wybierz pozycję Styl w górnej części okna, a następnie zaznacz pole wyboru Ustaw ten element jako szerokość niestandardową. Upewnij się, że szerokość percenta jest ustawiona na 50%.

  18. Wybierz pozycję Ustawienia zaawansowane i wprowadź nazwę wykresu w polu Tytuł wykresu, na przykład "Operacje usługi Cosmos DB".

  19. Wybierz pozycję Zakończono edytowanie. Skoroszyt zawiera teraz dwa kolorowe grafy przedstawiające liczby i typy żądań wysyłanych do aplikacji internetowej i usługi Cosmos DB.

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