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

  • 7 мин

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

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

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

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

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

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

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

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

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

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

    снимок экрана: выбор службы приложений из группы ресурсов.

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

    снимок экрана: кнопка браузера со страницы службы приложений.

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

    снимок экрана, на котором показаны задачи службы приложений для учебного модуля.

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

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

В рабочей книге выберите Изменить в верхнем меню.

  1. Выберите Добавить, а затем выберите Добавить параметры.

  2. Выберите Добавить параметр, чтобы добавить новый параметр.

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

    2. В поле типа параметра выберите Селектор ресурсов.

    3. Установите флажок Обязательный.

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

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

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

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

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

      4. Введите следующий запрос и выберите Выполнить Запрос.

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

      снимок экрана, на котором показан параметр веб-программы в рабочей книге.

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

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

    снимок экрана, показывающий добавление второго параметра в существующее управление параметром в рабочих книгах Azure.

    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. Выберите Завершить редактирование. Теперь в книге есть элемент управления параметрами с четырьмя параметрами. При выборе первого параметра список в каждом раскрывающемся списке заполняется в зависимости от выбранного параметра.

    снимок экрана с несколькими параметрами в одном элементе управления в рабочих книгах Azure.

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

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

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

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

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

      снимок экрана, где показаны параметры метрик для веб-приложения в Рабочих книгах Azure.

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

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

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

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

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

      снимок экрана, на котором показаны параметры метрик для количества запросов, выполненных в веб-приложении в Azure Workbooks.

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

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

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

    снимок экрана, на котором показан один график в рабочей книге Azure.

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

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

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

  15. Выберите Добавить метрикуи введите данные параметры:

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

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

  17. Выберите Дополнительные настройкии введите название диаграммы в поле Заголовок диаграммы, например "Всего запросов Cosmos DB".

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

    снимок экрана с двумя графиками в книге Azure.

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

Мы будем использовать запросы 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

      снимок экрана, показывающий количество запросов к веб-приложению в Azure Workbooks.

  2. Теперь мы будем использовать параметры отрисовки, чтобы сделать диаграмму легкой для визуального понимания. Выберите параметры столбца, а затем в разделе столбцов слева выберите Имя операции, а затем введите эти параметры.

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

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

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

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

      снимок экрана, демонстрирующий, как настроить цвета в таблице в Рабочих тетрадях Azure.

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

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

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

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

  6. Выберите Расширенные настройкии в поле Заголовок диаграммы введите имя диаграммы, например, "Операции веб-приложения".

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

    снимок экрана, на котором показана линейчатая диаграмма с количеством запросов на операцию для веб-приложения.

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

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

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

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

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

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

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

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

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

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

      снимок экрана, на котором показано количество запросов к базе данных в книге Azure.

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

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

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

    3. В поле Агрегирование выберите счет.

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

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

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

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

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

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

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

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

    1. В поле отрисовщика столбцов выберите тепловую карту .

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

    3. Выберите пользовательское форматирование.

      1. В поле единиц выберите Количество.
      2. В поле Style выберите Decimal.

      снимок экрана, показывающий установку цветов в сетке с помощью настройки тепловой карты в Azure Workbooks.

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

    1. В поле Метка столбца введите (или оставьте его по умолчанию) "Общее количество запросов (количество)".
    2. В поле отрисовщика столбцов выберите тепловую карту .
    3. В поле цветовой палитры выберите синий.

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

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

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

  18. Выберите Расширенные настройкии введите имя для диаграммы в поле Заголовок диаграммы, например "Операции Cosmos DB".

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

    снимок экрана, на котором показаны две расположенные рядом сетки в Azure Workbooks.