Добавление визуализаций для сравнения и анализа данных

  • 7 мин

В этом упражнении мы будем делать еще один шаг. Вместо простой визуализации, отображающей данные из некоторых источников данных, мы добавим визуальные элементы, которые объединяют данные из этих источников, чтобы позволить сопоставлять данные и анализировать систему.

Мы создадим графики для отображения запросов, времени ЦП и потребления единиц запросов в веб-приложении и Cosmos DB. Граф использует объединенные метрики из веб-приложения и базы данных.

Мы собираемся объединить данные с помощью запросов Log Analytics, которые получают данные из следующих источников:

  • Веб-приложение
  • Cosmos DB
  • Рабочая область Log Analytics

Затем мы добавим метрику, отслеживающую приложение.

Создание некоторых данных для этого упражнения

  1. Войдите на портал Azure.

  2. На домашней странице выберите группы ресурсов или найдите "Группы ресурсов" в строке поиска в верхней части страницы.

  3. Выберите группу ресурсов Learn, созданную при активации песочницы.

  4. Просмотрите список ресурсов и выберите Служба приложений.

    Screenshot of selecting the App Service from the resource group.

  5. На верхней панели инструментов нажмите кнопку "Обзор".

    Screenshot of the browser button from the App Service page.

  6. Заполните службу приложений некоторыми действиями, чтобы создать некоторые данные для нашего примера. На странице "Список дел" создайте некоторые элементы, измените их или пометьте их как завершенные.

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

Добавление графов для сравнения объема запросов

Мы создадим два графа для параллельного сравнения количества запросов, отправленных в веб-приложение, и в Cosmos DB.

В книге выберите "Изменить" на верхней панели инструментов.

  1. Нажмите кнопку "Добавить" и выберите " Добавить параметры".

  2. Нажмите кнопку "Добавить параметр ", чтобы добавить новый параметр.

    1. В поле "Имя параметра" введите WebApps.

    2. В поле "Тип параметра" выберите средство выбора ресурсов.

    3. Выберите поле "Обязательный проверка".

    4. В разделе "Получение данных" выберите "Запрос".

    5. В разделе "Запрос журнала подписок":

      1. В поле источника данных выберите граф ресурсов Azure.

      2. В поле "Тип ресурса" выберите "Подписка".

      3. В поле "Подписки" выберите параметр ресурса подписки.

      4. Введите следующий запрос и нажмите кнопку "Выполнить запрос".

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

      Screenshot that shows the web app parameter in a workbook.

    6. Выберите Сохранить.

  3. В том же разделе "Добавить параметр " снова выберите "Добавить параметр ".

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

    1. В поле имени параметра введите CosmosDB.

    2. В поле "Тип параметра" выберите средство выбора ресурсов.

    3. Выберите поле "Обязательный проверка".

    4. В разделе "Получение данных" выберите "Запрос".

    5. В разделе "Запрос журнала подписок":

      1. В поле источника данных выберите граф ресурсов Azure.

      2. В поле "Тип ресурса" выберите "Подписка".

      3. В поле "Подписки" выберите параметр ресурса подписки.

      4. Введите следующий запрос и нажмите кнопку "Выполнить запрос".

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

    6. Выберите Сохранить.

  4. В том же разделе "Добавить параметр " снова выберите "Добавить параметр ".

    1. В поле "Имя параметра" введите LogAnalytics.

    2. В поле "Тип параметра" выберите средство выбора ресурсов.

    3. Выберите поле "Обязательный проверка".

    4. В разделе "Получение данных" выберите "Запрос".

    5. В разделе "Запрос журнала подписок":

      1. В поле источника данных выберите граф ресурсов Azure.

      2. В поле "Тип ресурса" выберите "Подписка".

      3. В поле "Подписки" выберите параметр ресурса подписки.

      4. Введите следующий запрос и нажмите кнопку "Выполнить запрос".

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

    6. Выберите Сохранить.

  5. В том же разделе "Добавить параметр " снова выберите "Добавить параметр ".

    1. В поле "Имя параметра" введите TimeRange.
    2. В поле "Тип параметра" выберите средство выбора диапазона времени.
    3. Выберите поле "Обязательный проверка".
    4. В поле "Доступные диапазоны времени" убедитесь, что выбраны все значения.
    5. Выберите Сохранить.

  6. Выберите Завершить редактирование. Теперь в книге есть элемент управления параметрами с четырьмя параметрами. При выборе первого параметра список в каждом раскрывающемся списке заполняется в зависимости от выбранного параметра.

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

  7. Выберите "Изменить " рядом с элементом управления параметрами, который мы только что добавили, а затем нажмите кнопку "Добавить и добавить метрики".

  8. Введите следующие параметры для метрики:

    1. В поле "Тип ресурса" выберите Служба приложений.

    2. В поле Служба приложений выберите параметр WebApp.

    3. В поле "Диапазон времени" выберите параметр TimeRange.

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

  9. Выберите " Добавить метрику" и введите следующие параметры:

    1. В поле пространства имен выберите Служба приложений стандартные метрики.

    2. В поле "Метрики" выберите "Запросы".

    3. В поле агрегирования выберите "Число".

    4. Выберите Сохранить.

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

  10. Чтобы убедиться, что графы отображаются рядом, выберите стиль в верхней части окна и выберите элемент "Сделать этот элемент настраиваемым полем ширины" проверка box. Убедитесь, что ширина процента равна 50 %.

  11. Выберите дополнительные параметры и введите имя диаграммы в поле заголовка диаграммы, например "Количество запросов веб-приложения".

  12. Выберите Завершить редактирование. Теперь у вас есть граф, отображающий количество запросов, отправленных в веб-приложение.

    Screenshot that shows one graph in an Azure Workbook.

  13. Выберите " Добавить и добавить метрику".

  14. Введите следующие параметры для метрики:

    1. В поле "Тип ресурса" выберите учетную запись Azure Cosmos DB.
    2. В поле Служба приложений выберите параметр CosmosDB.
    3. В поле "Диапазон времени" выберите параметр TimeRange.

  15. Выберите " Добавить метрику" и введите следующие параметры:

    1. В поле пространства имен выберите стандартные метрики учетной записи Azure Cosmos DB.
    2. В поле "Метрики" выберите "Всего запросов".
    3. В поле агрегирования выберите "Число".
    4. Выберите Сохранить.

  16. Чтобы убедиться, что графы отображаются рядом, выберите стиль в верхней части окна и выберите элемент "Сделать этот элемент настраиваемым полем ширины" проверка box. Убедитесь, что ширина процента равна 50 %.

  17. Выберите дополнительные параметры и введите имя диаграммы в поле заголовка диаграммы, например "Общее количество запросов Cosmos DB".

  18. Выберите Завершить редактирование. Теперь у вас есть две параллельные графы, отображающие количество запросов, отправленных в веб-приложение и базу данных.

    Screenshot that shows two graphs in an Azure Workbook.

Добавление графов для сравнения объема операций

Мы будем использовать запросы Log Analytics для создания двух графов, которые мы будем размещать параллельно, чтобы сравнить количество и типы запросов, отправленных в веб-приложение, и в Cosmos DB.

В книге выберите "Изменить" на верхней панели инструментов.

  1. Добавьте запрос на количество запросов на операцию. Выберите " Добавить" и нажмите кнопку "Добавить запрос".

    1. В поле источника данных выберите журналы.

    2. В поле "Тип ресурса" выберите Log Analytics.

    3. В поле рабочей области Log Analytics выберите параметр Log Analytics.

    4. В поле "Диапазон времени" выберите параметр TimeRange.

    5. Введите этот запрос журнала:

        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. Теперь мы будем использовать параметры отрисовки, чтобы сделать диаграмму легкой для визуального понимания. Выберите параметры столбцов, а затем в разделе "Столбцы" слева выберите "Имя операции" и введите эти параметры.

    1. В поле "Имя столбца" введите (или оставьте имя по умолчанию) "OperationName".

    2. В поле отрисовщика столбцов выберите пороговые значения.

    3. В разделе "Пороговые значения" выберите "Цвета" и добавьте следующие пороговые значения:

      Оператор Значение Цвет Текст
      содержит Создание Orange {0}{1}
      содержит Удаление Ярко-красный {0}{1}
      содержит Редактировать Синий (свет) {0}{1}
      По умолчанию. Зеленый {0}{1}

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

  3. В разделе "Столбцы" слева выберите _ResourceId, а затем в поле отрисовщика столбцов выберите "Скрытый".

  4. В разделе "Столбцы" слева выберите ResourceCount и введите следующие параметры:

    1. В поле "Имя столбца" введите (или оставьте имя по умолчанию) "RequestCount".
    2. В поле отрисовщика столбцов выберите панель.
    3. В разделе цветовой палитры выберите Blue.**
    4. Выберите Сохранить и закрыть.

  5. Чтобы убедиться, что графы отображаются рядом, выберите стиль в верхней части окна и выберите элемент "Сделать этот элемент настраиваемым полем ширины" проверка box. Убедитесь, что ширина процента равна 50 %.

  6. Выберите дополнительные параметры и введите имя диаграммы в поле заголовка диаграммы, например "Операции веб-приложения".

  7. Выберите Завершить редактирование. Теперь в книге есть закодированный цветом график, показывающий типы операций, отправленных в веб-приложение, и количество каждого типа запроса.

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

  8. Теперь мы добавим визуализацию для количества запросов к Cosmos DB.

  9. Выберите "Изменить " рядом с элементом управления параметрами, который мы только что добавили, а затем нажмите кнопку "Добавить и добавить метрики".

  10. Введите следующие параметры для метрики:

    1. В поле "Тип ресурса" выберите учетную запись Azure Cosmos DB.
    2. В поле Служба приложений выберите параметр CosmosDB.
    3. В поле "Диапазон времени" выберите параметр TimeRange.
    4. В поле "Визуализация" выберите "Сетка".

  11. Выберите " Добавить метрику" и введите следующие параметры:

    1. В поле пространства имен выберите стандартные метрики учетной записи Azure Cosmos DB.

    2. В поле "Метрики" выберите "Всего запросов".

    3. В поле агрегирования выберите "Число".

    4. В поле "Разделение" выберите "Нет".

    5. Выберите Сохранить.

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

  12. Добавьте другую метрику. Выберите "Добавить и добавить метрику" и введите следующие параметры:

    1. В поле пространства имен выберите стандартные метрики учетной записи Azure Cosmos DB.

    2. В поле "Метрики" выберите "Всего запросов".

    3. В поле агрегирования выберите "Число".

    4. В поле "Разделение по полю" выберите OperationType.

    5. В поле "Сортировка по полю" выберите "Убывание".

    6. В поле "Число разбиений" выберите 5.

    7. В поле "Отображаемое имя" введите "Операции".

    8. Выберите Сохранить.

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

  13. Мы будем использовать параметры отрисовки, чтобы сделать диаграмму легкой для визуального понимания.

  14. Выберите параметры столбцов, а затем в разделе "Столбцы" слева выберите microsoft.documentsdb/databaseaccounts-Requests-TotalRequests, а затем введите эти параметры.

    1. В поле отрисовщика столбцов выберите "Тепловая карта".

    2. В поле цветовой палитры выберите "Синий".

    3. Выберите настраиваемое форматирование.

      1. В поле "Единицы" выберите "Число".
      2. В поле "Стиль" выберите "Десятичный".

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

  15. В разделе "Столбцы" слева выберите microsoft.documentsdb/databaseaccounts-Requests-TotalRequests Timeline (Hidden), а затем введите следующие параметры:

    1. В поле "Метка столбца" введите (или оставьте имя по умолчанию) "Total Requests (Count)".
    2. В поле отрисовщика столбцов выберите "Тепловая карта".
    3. В поле цветовой палитры выберите "Синий".

  16. В разделе "Столбцы" слева выберите */Operations$ (Текст) и введите следующие параметры:

    1. В поле "Метка столбца" введите (или оставьте имя по умолчанию) "Total Requests (Count)".
    2. В поле отрисовщика столбцов выберите "Тепловая карта".
    3. В поле цветовой палитры выберите "Синий".
    4. Выберите настраиваемое форматирование.
      1. В поле "Единицы" выберите "Число".
      2. В поле "Стиль" выберите "Десятичный".
    5. Выберите Сохранить и закрыть.

  17. Чтобы убедиться, что графы отображаются рядом, выберите стиль в верхней части окна и выберите элемент "Сделать этот элемент настраиваемым полем ширины" проверка box. Убедитесь, что ширина процента равна 50 %.

  18. Выберите дополнительные параметры и введите имя диаграммы в поле заголовка диаграммы, например "Операции Cosmos DB".

  19. Выберите Завершить редактирование. В книге теперь есть два закодированных цвета графов с числами и типами запросов, отправленных в веб-приложение и Cosmos DB.

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