Визуализации графов

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

На следующем графе показаны данные, поступающие в компьютер и исходящие из него через различные порты и из внешних компьютеров. Он окрашен по типу, например компьютер, порт или внешний IP-адрес. Размеры ребер соответствуют объему данных, поступающему между ними. Базовые данные поступают из запроса KQL, нацеленного на подключения виртуальных машин.

Добавление графа

1. Переключите книгу в режим редактирования, нажав кнопку "Изменить".

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

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

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

   let data = dependencies
   | summarize Calls = count() by App = appName, Request = operation_Name, Dependency = name
   | extend RequestId = strcat(App, '::', Request);
   let links = data
   | summarize Calls = sum(Calls) by App, RequestId
   | project SourceId = App, TargetId = RequestId, Calls, Kind = 'App -> Request'
   | union (data
       | project SourceId = RequestId, TargetId = Dependency, Calls, Kind = 'Request -> Dependency');
   let nodes = data
   | summarize Calls = sum(Calls) by App
   | project Id = App, Name = App, Calls, Kind = 'App'
   | union (data
       | summarize Calls = sum(Calls) by RequestId, Request
       | project Id = RequestId, Name = Request, Calls, Kind = 'Request')
   | union (data
       | summarize Calls = sum(Calls) by Dependency
       | project Id = Dependency, Name = Dependency, Calls, Kind = 'Dependency');
   nodes
   | union (links)
   

5. Задайте для диаграммы визуализации значение Graph.

6. Выберите "Параметры графа" , чтобы открыть область "Параметры графа ".

7. В разделе "Параметры формата узла " в верхней части задайте следующие параметры:

   • Основное содержимое
     • Использование столбца: Name
     • Отрисовщик столбцов: Text
   • Содержимое центра
     • Использование столбца: Calls
     • Отрисовщик столбцов: Big Number
     • Цветовая палитра: None
   • Нижнее содержимое
     • Использование столбца: Kind
     • Отрисовщик столбцов: Text

8. В разделе "Параметры макета " в нижней части задайте следующие параметры:

   • Идентификатор узла: Id
   • Исходный идентификатор: SourceId
   • Идентификатор целевого объекта: TargetId
   • Метка Edge: None
   • Размер кромки: Calls
   • Размер узла: None
   • Тип цвета: Categorical
   • Поле цвета узла: Kind
   • Цветовая палитра: Pastel

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

Параметры графа

Типы окраски узлов

Настройки формата узла

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

Раскраска узлов на основе полей

1. Переключите книгу в режим редактирования, нажав кнопку "Изменить".

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

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

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

   let data = dependencies
   | summarize Calls = count() by App = appName, Request = operation_Name, Dependency = name
   | extend RequestId = strcat(App, '::', Request);
   let links = data
   | summarize Calls = sum(Calls) by App, RequestId
   | project SourceId = App, TargetId = RequestId, Calls, Kind = 'App -> Request'
   | union (data
       | project SourceId = RequestId, TargetId = Dependency, Calls, Kind = 'Request -> Dependency');
   let nodes = data
   | summarize Calls = sum(Calls) by App
   | project Id = App, Name = App, Calls, Color = 'FD7F23'
   | union (data
       | summarize Calls = sum(Calls) by RequestId, Request
       | project Id = RequestId, Name = Request, Calls, Color = 'B3DE8E')
   | union (data
       | summarize Calls = sum(Calls) by Dependency
       | project Id = Dependency, Name = Dependency, Calls, Color = 'C9B3D5');
   nodes
   | union (links)
   

5. Установите для визуализации значение Graph.

6. Выберите "Параметры графа" , чтобы открыть область "Параметры графа ".

7. В разделе "Параметры формата узла " в верхней части задайте следующие параметры:

   • Основное содержимое:
     • Использование столбца: Name
     • Отрисовщик столбцов: Text
   • Содержимое центра:
     • Использование столбца: Calls
     • Отрисовщик столбцов: Big Number
     • Цветовая палитра: None
   • Нижнее содержимое:
     • Использование столбца: Kind
     • Отрисовщик столбцов: Text

8. В разделе "Параметры макета " в нижней части задайте следующие параметры:

   • Идентификатор узла:Id
   • Исходный идентификатор: SourceId
   • Идентификатор целевого объекта: TargetId
   • Метка Edge: None
   • Размер кромки: Calls
   • Размер узла: Node
   • Тип цвета: Field Based
   • Поле цвета узла: Color

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

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

• Графы также поддерживают отрисовщик составной линейчатой диаграммы. Дополнительные сведения см. в разделе "Составной отрисовщик панели".
• Узнайте больше о источниках данных, которые можно использовать в рабочих книгах.