Visualizações gráficas

As visualizações de grafo das Pastas de Trabalho do Azure dão suporte à visualização de grafos arbitrários com base em dados de logs para mostrar as relações entre as entidades de monitoramento.

O grafo a seguir mostra os dados que fluem para dentro e para fora de um computador por meio de várias portas provenientes e destinadas a computadores externos. Ele é colorido por tipo, por exemplo, diferenciando o computador, a porta e o IP externo. Os tamanhos de borda correspondem à quantidade de dados que fluem entre elas. Os dados subjacentes vêm da consulta do KQL que tem como destino as conexões de VM.

Adicionar um grafo

1. Alterne a pasta de trabalho para o modo de edição selecionando Editar.

2. Use o link Adicionar consulta para adicionar à pasta de trabalho um controle de consulta de log.

3. Para Tipo de consulta, selecione Logs. Para Tipo de recurso, selecione, por exemplo, Application Insights e selecione os recursos a serem direcionados.

4. Use o editor de consultas para inserir o KQL da análise.

   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. Defina Visualização como Grafo.

6. Selecione Configurações do Grafo para abrir o painel Configurações do Grafo.

7. Em Configurações de Formato do Nó na parte superior, defina:

   • Conteúdo da Parte Superior
     • Usar coluna: Name
     • Renderizador de coluna: Text
   • Conteúdo da Parte Central
     • Usar coluna: Calls
     • Renderizador de coluna: Big Number
     • Paleta de cores: None
   • Conteúdo da Parte Inferior
     • Use a coluna: Kind
     • Renderizador de coluna: Text

8. Em Configurações de Layout na parte inferior, defina:

   • ID do Nó: Id
   • ID de Origem: SourceId
   • ID de Destino: TargetId
   • Rótulo da Borda: None
   • Tamanho da Borda: Calls
   • Tamanho do Nó: None
   • Tipo de Cor: Categorical
   • Campo de Cor do Nó: Kind
   • Paleta de cores: Pastel

9. Selecione Salvar e Fechar na parte inferior do painel.

Configurações do gráfico

Tipos de cores do nó

Configurações de formato do nó

Você pode especificar qual conteúdo vai para as diferentes partes de um nó: superior, esquerda, central, direita e inferior. Os grafos podem usar qualquer pasta de trabalho dos renderizadores com suporte, como texto, números grandes, linhas do Spark e ícones.

Cores do nó baseadas no campo

1. Alterne a pasta de trabalho para o modo de edição selecionando Editar.

2. Use o link Adicionar consulta para adicionar à pasta de trabalho um controle de consulta de log.

3. Para Tipo de consulta, selecione Logs. Para Tipo de recurso, selecione, por exemplo, Application Insights e selecione os recursos a serem direcionados.

4. Use o editor de consultas para inserir o KQL da análise.

   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. Defina Visualização como Graph.

6. Selecione Configurações do Grafo para abrir o painel Configurações do Grafo.

7. Em Configurações de Formato do Nó na parte superior, defina:

   • Conteúdo da Parte Superior:
     • Use a coluna: Name
     • Renderizador de coluna: Text
   • Conteúdo da Parte Central:
     • Use a coluna: Calls
     • Renderizador de coluna: Big Number
     • Paleta de cores: None
   • Conteúdo da Parte Inferior:
     • Use a coluna: Kind
     • Renderizador de coluna: Text

8. Em Configurações de Layout na parte inferior, defina:

   • ID do Nó:Id
   • ID de Origem: SourceId
   • ID de Destino: TargetId
   • Rótulo da Borda: None
   • Tamanho da Borda: Calls
   • Tamanho do Nó: Node
   • Tipo de Cor: Field Based
   • Campo de Cor do Nó: Color

9. Selecione Salvar e Fechar na parte inferior do painel.

Próximas etapas

• Os grafos também dão suporte ao renderizador de barra de composição. Para saber mais, consulte Renderizador de barra de composição.
• Saiba mais sobre as fontes de dados que você pode usar em pastas de trabalho.