Визуализация деревьев

  • Статья

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

В следующем примере показаны метрики работоспособности контейнера для размера рабочего набора, визуализируемые в виде сетки дерева. Узлам верхнего уровня здесь являются узлы Службы Azure Kubernetes (AKS). Узлы следующего уровня — это модули pod, а узлы конечного уровня — контейнеры. Обратите внимание, что, как и в сетке, столбцы можно форматировать с помощью тепловых карт, значков и ссылок. Базовым источником данных в этом случае является рабочая область Log Analytics с журналами AKS.

Снимок экрана: сводные сведения о плитке.

Добавление древовидной сетки

  1. Переведите книгу в режим правки, нажав кнопку Правка на панели инструментов.

  2. Нажмите Добавить>Добавить запрос, чтобы добавить в книгу элемент управления запросом журнала.

  3. Для параметра Тип запроса выберите Журналы. Для параметра Тип ресурса выберите, например, Application Insights и выберите нужные ресурсы.

  4. Используйте редактор запросов, чтобы ввести KQL для анализа.

    requests
| summarize Requests = count() by ParentId = appName, Id = name
| extend Kind = 'Request', Name = strcat('🌐 ', Id)
| union (requests
| summarize Requests = count() by Id = appName
| extend Kind = 'Request', ParentId = '', Name = strcat('📱 ', Id))
| project Name, Kind, Requests, Id, ParentId
| order by Requests desc

  5. Задайте для параметра Визуализация значение Сетка.

  6. Нажмите кнопку Параметры столбцов, чтобы открыть область Изменить параметры столбца.

  7. Вверху в разделе Столбцы задайте следующие значения:

    • Идентификатор — Средство визуализации столбца: Hidden
    • Родительский идентификатор — Средство визуализации столбца: Hidden
    • Запросы — Средство визуализации столбца: Bar
    • Цветовая палитра: Blue
    • Минимальное значение: 0.

  8. В разделе Параметры дерева/группирования внизу установите:

    • Тип дерева: Parent/Child
    • Поле идентификатора: Id
    • Поле родительского идентификатора: ParentId
    • Показать "Расширитель": Name
    • Установите флажок Развернуть верхний уровень дерева.

  9. Нажмите кнопку Сохранить и закрыть внизу панели.

Снимок экрана: сводные сведения о плитке с параметрами.

Параметры дерева

Параметр Description
Id Field Уникальный идентификатор каждой строки в сетке.
Parent Id Field Идентификатор родительского объекта текущей строки.
Show the expander on Столбец, в котором должен отображаться расширитель дерева. В древовидных сетках можно скрыть поля идентификаторов и родительских идентификаторов, поскольку они не очень удобны для чтения. Вместо этого расширитель отображается в поле с более удобочитаемым значением, например именем сущности.
Expand the top level of the tree Если выбрана эта настройка, древовидная сетка развертывается на верхнем уровне. Этот параметр полезен, если требуется отображать дополнительные сведения по умолчанию.

Группирование в сетке

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

Добавление дерева с помощью группирования

  1. Переведите книгу в режим правки, нажав кнопку Правка на панели инструментов.

  2. Нажмите Добавить>Добавить запрос, чтобы добавить в книгу элемент управления запросом журнала.

  3. Для параметра Тип запроса выберите Журналы. Для параметра Тип ресурса выберите, например, Application Insights и выберите нужные ресурсы.

  4. Используйте редактор запросов, чтобы ввести KQL для анализа.

    requests
| summarize Requests = count() by App = appName, RequestName = name
| order by Requests desc

  5. Задайте для параметра Визуализация значение Сетка.

  6. Нажмите кнопку Параметры столбцов, чтобы открыть область Изменить параметры столбца.

  7. Вверху в разделе Столбцы задайте следующие значения:

    • Приложение — Средство визуализации столбца: Hidden
    • Запросы — Средство визуализации столбца: Bar
    • Цветовая палитра: Blue
    • Минимальное значение: 0.

  8. В разделе Параметры дерева/группирования внизу установите:

    • Тип дерева: Group By
    • Группировать по: App
    • Затем по: None
    • Установите флажок Развернуть верхний уровень дерева.

  9. Нажмите кнопку Сохранить и закрыть внизу панели.

Снимок экрана: создание представления в виде дерева в книгах.

Следующие шаги