Visualizações de grelha

As redes ou tabelas são uma forma comum de apresentar dados aos utilizadores. Pode modelar individualmente as colunas de grelhas em livros para fornecer uma UI rica para os seus relatórios. Enquanto uma tabela simples mostra dados, é difícil de ler e insights nem sempre serão aparentes. O modelar a grelha pode ajudar a facilitar a leitura e a interpretação dos dados.

O exemplo a seguir mostra uma grelha que combina ícones, máscaras de calor e barras de faísca para apresentar informações complexas. O livro também fornece a triagem, uma caixa de pesquisa e um botão de ir-to-analytics.

Screenshot que mostra uma grelha baseada em log.

Adicione uma grelha baseada em log

  1. Mude o livro para editar o modo selecionando Editar na barra de ferramentas.
  2. Selecione Adicionar consulta para adicionar um controlo de consulta de registo ao livro de trabalho.
  3. Para o tipo de consulta, selecione Log. Para o tipo de recurso, selecione, por exemplo, Insights de Aplicação e selecione os recursos para o alvo.
  4. Utilize o editor de consulta para introduzir o KQL para a sua análise. Um exemplo são VMs com memória abaixo de um limiar.
  5. Definir visualização para grid.
  6. Definir parâmetros como intervalo de tempo, tamanho, paleta de cores e lenda, se necessário.

Screenshot que mostra uma consulta de grelha baseada em log.

Parâmetros do gráfico de registo

Parâmetro Description Exemplos
Tipo de consulta O tipo de consulta a utilizar. Logs, Azure Resource Graph
Tipo de recurso O tipo de recurso para o alvo. Insights de Aplicação, Log Analytics ou Azure-first
Recursos Um conjunto de recursos para obter o valor das métricas. MyApp1
Intervalo de tempo A janela de tempo para ver o gráfico de registo. Última hora, última 24 horas.
Visualização A visualização a usar. Grelha
Tamanho O tamanho vertical do controlo. Pequeno, médio, grande ou cheio
Consulta Qualquer consulta KQL que retorne dados no formato esperado pela visualização do gráfico. pedidos | resumir Pedidos = contagem() pelo nome

Grelha simples

Os livros de trabalho podem tornar os resultados do KQL como uma tabela simples. A seguinte grelha mostra a contagem de pedidos e utilizadores únicos por tipo de pedido numa aplicação:

requests
| where name !endswith('.eot')
| summarize Requests = count(), Users = dcount(user_Id) by name
| order by Requests desc

Screenshot que mostra uma grelha baseada em log no modo de edição.

Estilo de grelha

Colunas estilizadas como mapas de calor:

Screenshot que mostra uma grelha baseada em log com colunas estilo como mapas de calor.

Colunas estilizadas como barras: Screenshot que mostra uma grelha baseada em log com colunas estilo como barras.

Estilo uma coluna de grelha

  1. Selecione o botão 'Definição de coluna ' na barra de ferramentas de controlo de consultas.
  2. No painel de definições da coluna Editar , selecione a coluna para o estilo.
  3. No renderizador de colunas, selecione Heatmap, Bar ou Bar por baixo e selecione definições relacionadas para modelar a sua coluna.

O exemplo a seguir mostra a coluna Pedidos , com o nome de barra:

Screenshot que mostra uma grelha baseada em log com a coluna Requests estilo barra.

Esta opção geralmente leva-o a outra visão com contexto vindo da célula, ou pode abrir um URL.

Formatação personalizada

Também pode definir o número de formatação dos valores do seu telemóvel nos livros de trabalho. Para definir esta formatação, selecione a caixa de verificação de formatação personalizada quando estiver disponível.

Opção formatação Description
Unidades As unidades para a coluna com várias opções para percentagem, conta, tempo, byte, contagem/tempo, e bytes/time. Por exemplo, a unidade por um valor de 1234 pode ser configurada para milissegundos e é renderizada como 1.234 s.
Estilo O formato usado para torná-lo, como decimal, moeda, por cento.
Mostrar separador de grupo Caixa de verificação para mostrar separadores de grupo. Renderiza 1234 como 1.234 nos EUA.
Dígitos inteiros mínimos Número mínimo de números inteiros a utilizar (predefinição 1).
Dígitos fracionados mínimos Número mínimo de dígitos fracionar (predefinição 0).
Dígitos fraccionacionais máximos Número máximo de dígitos fraccionacionais para usar.
Dígitos mínimos significativos Número mínimo de dígitos significativos a utilizar (predefinição 1).
Dígitos máximos significativos Número máximo de dígitos significativos a utilizar.
Texto personalizado para valores em falta Quando um ponto de dados não tem um valor, mostre este texto personalizado em vez de um vazio.

Formatação de data personalizada

Quando tiver especificado que uma coluna está definida para o renderizador de data/hora, pode especificar opções de formatação de data personalizadas utilizando a caixa de verificação de formatação de datas personalizadas .

Opção formatação Description
Estilo O formato para tornar uma data tão curta, longa ou completa, ou um tempo tão curto ou longo.
Mostrar hora como Permite-lhe decidir entre mostrar a hora no horário local (padrão) ou como UTC. Dependendo do estilo de formato de data selecionado, a informação UTC/fuso horário pode não ser apresentada.

Definição de largura de coluna personalizada

Pode personalizar a largura de qualquer coluna na grelha utilizando o campo de largura da coluna personalizada nas definições de coluna.

Screenshot que mostra as definições da coluna com o campo de largura da coluna personalizada indicado numa caixa vermelha.

Se o campo ficar em branco, a largura é automaticamente determinada com base no número de caracteres na coluna e no número de colunas visíveis. A unidade predefinida é "ch", que é uma abreviatura para "caracteres".

A seleção do botão (Largura corrente) na etiqueta preenche o campo de texto com a largura de corrente da coluna selecionada. Se um valor estiver presente no campo de largura da coluna personalizada sem unidade de medição, o padrão é utilizado.

As unidades de medição disponíveis são:

Unidade de medição Definição
ch caracteres (padrão)
px pixels
fr unidades fracionárias
% percentage

Validação de entrada: Se a validação falhar, aparece uma mensagem de orientação vermelha por baixo do campo, mas ainda pode aplicar a largura. Se um valor está presente na entrada, é analisado. Se não for encontrada uma unidade de medida válida, o padrão é utilizado.

Pode definir a largura para qualquer valor. Não há largura mínima ou máxima. O campo de largura da coluna personalizada é desativado para colunas ocultas.

Exemplos

Eis alguns exemplos.

Linhas de faísca e barra por baixo

O exemplo a seguir mostra as contagens de pedido e a tendência por nome de pedido:

requests
| make-series Trend = count() default = 0 on timestamp from ago(1d) to now() step 1h by name
| project-away timestamp
| join kind = inner (requests
    | summarize Requests = count() by name
    ) on name
| project name, Requests, Trend
| order by Requests desc

Screenshot que mostra uma grelha baseada em log com uma barra por baixo e uma linha de faísca.

Mapa de calor com escamas partilhadas e formatação personalizada

Este exemplo mostra várias métricas de duração do pedido e as contagens. O renderizador de mapas térmicos utiliza os valores mínimos definidos nas definições ou calcula um valor mínimo e máximo para a coluna. Atribui uma cor de fundo da paleta selecionada para a célula. A cor baseia-se no valor da célula relativamente ao valor mínimo e máximo da coluna.

requests
| summarize Mean = avg(duration), (Median, p80, p95, p99) = percentiles(duration, 50, 80, 95, 99), Requests = count() by name
| order by Requests desc

Screenshot que mostra uma grelha baseada em log com um mapa de calor que tem uma escala partilhada através de colunas.

No exemplo anterior, uma paleta partilhada em verde ou vermelho e uma escala são usadas para colorir as colunas Média, Mediana, p80, p95 e p99. Uma paleta separada em azul é usada para a coluna Pedidos .

Escala partilhada

Para obter uma escala partilhada:

  1. Utilize expressões regulares para selecionar mais de uma coluna para aplicar uma definição. Por exemplo, desa um nome de coluna para "Mean| Mediano|p80|p95|p99 para selecionar todos.
  2. Elimine as definições predefinidos para as colunas individuais.

A nova definição multi-colunas aplica as suas definições para incluir uma escala partilhada.

Screenshot que mostra uma definição de grelha baseada em log para obter uma escala partilhada através de colunas.

Ícones para representar o estado

O exemplo a seguir mostra o estado personalizado dos pedidos com base na duração do p95:

requests
| summarize p95 = percentile(duration, 95) by name
| order by p95 desc
| project Status = case(p95 > 5000, 'critical', p95 > 1000, 'error', 'success'), name, p95

Screenshot que mostra uma grelha baseada em log com um mapa de calor que tem uma escala partilhada através de colunas usando a consulta anterior.

Nomes de ícones suportados:

  • cancelado
  • crítico
  • incapacitados
  • erro
  • falhou
  • informações
  • nenhum
  • pendente
  • parou
  • question (dúvida)
  • exito
  • desconhecido
  • aviso
  • não dissenciado
  • recurso
  • até
  • rrar
  • esquerda
  • right
  • tendênciaup
  • tendência para baixo
  • 4
  • 3
  • 2
  • 1
  • Sev0
  • Sev1
  • Sev2
  • Sev3
  • Sev4
  • Despedido
  • Resolvido
  • Disponível
  • Indisponível
  • Degradado
  • Desconhecido
  • Vazio

Percentagens de unidade fracionária

A unidade fracionada, abreviada como "fr", é uma unidade dinâmica de medição comumente utilizada em vários tipos de grelhas. À medida que o tamanho ou resolução da janela muda, a largura fr também muda.

A imagem que se segue mostra uma tabela com oito colunas com 1fr de largura cada e todas têm larguras iguais. À medida que o tamanho da janela muda, a largura de cada coluna muda proporcionalmente.

Screenshot que mostra colunas numa grelha com um valor de largura de coluna de 1fr cada.

A imagem a seguir mostra a mesma tabela, exceto que a primeira coluna está definida para 50% de largura. Esta definição define dinamicamente a coluna para metade da largura total da grelha. O redimensionamento da janela continua a manter a largura de 50%, a menos que o tamanho da janela fique demasiado pequeno. Estas colunas dinâmicas têm uma largura mínima com base no seu conteúdo.

Os restantes 50% da rede são divididos pelas oito unidades fracionadas totais. A coluna Kind está definida para 2fr, por isso ocupa um quarto do espaço restante. Como as outras colunas são 1fr cada, cada uma toma um oitavo da metade direita da grelha.

Screenshot que mostra colunas numa grelha com um valor de largura de coluna de 50% e o resto como 1fr cada.

Combinando as larguras fr, %, px e ch é possível e funciona da mesma forma que os exemplos anteriores. As larguras que são definidas pelas unidades estáticas (ch e px) são constantes duras que não mudam mesmo que a janela ou resolução sejam alteradas.

As colunas definidas em % assumem a sua percentagem com base na largura total da grelha. Esta largura pode não ser exata devido a larguras anteriormente mínimas.

As colunas definidas com fr dividiram o espaço restante da grelha com base no número de unidades fracionadas que são atribuídas.

Screenshot que mostra colunas numa grelha com uma variedade de diferentes unidades de largura usadas.

Passos seguintes