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

  • 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 Workbooks.

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

    1. В поле Namespace выберите стандартные метрики App Service.

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

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

    4. Нажмите кнопку "Сохранить".

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

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

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

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

    Снимок экрана, показывающий один граф внутри книги Azure.

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

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

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

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

    1. В поле "Пространство имен" выберите стандартные метрики учетной записи 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 Workbooks.

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

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

    1. В поле "Имя столбца " введите (или оставьте имя по умолчанию) "RequestCount".
    2. В поле отрисовщика столбцов выберите панель.
    3. В разделе цветовой палитры выберите Blue.**
    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. В поле Стиль выберите Десятичный.

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

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

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

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

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

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

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

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

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