Personalizar visuais do painel do Azure Data Explorer

Os painéis do Azure Data Explorer são uma coleção de blocos que apresentam uma representação visual suportada por uma consulta KQL (Kusto Query Language) subjacente. Este artigo explica como editar as visualizações e consultas de um tile de dashboard. Também fornece uma visão geral das propriedades de personalização específicas de cada tipo de visualização.

Todas as visualizações que cria no contexto do operador de renderização estão disponíveis em visualizações de dashboard. Para além destas visualizações, pode usar alguns elementos visuais específicos para cada dashboard.

Pré-requisitos

Revise a visualização de dados com os painéis do Azure Data Explorer.

Personalizar elementos visuais

Para fazer alterações ao seu painel:

  1. No menu superior, selecione Visualização e alterne para o modo de edição .

    Captura de ecrã a mostrar a introdução do modo de edição em dashboards na IU Web do Azure Data Explorer.

  2. No tile que quiseres personalizar, selecione o ícone Editar. Edite a consulta subjacente ou as propriedades de visualização.

    Captura de ecrã de como editar um mosaico em dashboards na IU Web do Azure Data Explorer.

  3. Na barra de ferramentas superior, selecione Aplicar alterações para guardar as alterações e volte ao painel.

    Captura de ecrã de como guardar as alterações no mosaico do dashboard na IU Web do Azure Data Explorer.

Definir propriedades de personalização

A tabela a seguir descreve as propriedades de personalização disponíveis, categorizadas alfabeticamente por seção, e especifica quais elementos visuais suportam a propriedade fornecida.

Seção Propriedade Descrição Tipos visuais
Cores Paleta de cores Determina o conjunto de cores a ser usado para o mapa de calor. Mapa de Calor
Formatação condicional Ocultar ou Mostrar Uma opção de alternância para desativar ou ativar a formatação condicional. Para obter mais informações, consulte Aplicar formatação condicional. Gráfico de anomalias, Gráfico de área, Gráfico de barras, Quadro de colunas, KPI, Multi Stat, Gráfico de dispersão, Tabela, Gráfico de tempo
Dados Colunas Y As colunas que fornecem dados para o eixo vertical. Gráfico de anomalias, Gráfico de área, Gráfico de barras, Gráfico de colunas, Gráfico de linhas, Gráfico de dispersão, Gráfico de tempo
Coluna X A coluna que fornece dados para o eixo horizontal. Gráfico de anomalias, Gráfico de área, Gráfico de barras, Gráfico de colunas, Gráfico de linhas, Gráfico de dispersão, Gráfico de tempo
Colunas de série As colunas usadas para categorizar dados em diferentes séries. Gráfico de anomalias, Gráfico de área, Gráfico de barras, Gráfico de colunas, Gráfico de linhas, Gráfico de dispersão, Gráfico de tempo
Coluna Categoria A coluna que determina as categorias de dados. Gráfico de funil, Mapa de calor, Gráfico de pizza
Coluna do rótulo Atribui rótulos a cada slot usando a coluna designada. Multi Estat
Coluna Valor A coluna que fornece dados para a visualização. Gráfico de funil, KPI, multiestatística
Valor A coluna numérica que serve como variável primária para o mapa de calor. Mapa de Calor
Coluna numérica A coluna que fornece o valor numérico para a categoria de dados. Gráfico circular
Definir localização por Determina o método usado para definir o local: Infer, Latitude e longitude ou Geo point. Mapa
Cores da série de dados Paleta de cores Personaliza as cores apresentadas na visualização. Gráfico de anomalias, Gráfico de área, Gráfico de barras, Gráfico de colunas, Gráfico de linha, Gráfico circular, Gráfico de dispersão, Gráfico temporal, Gráfico de séries temporais
Opções de visualização Ordenar por Como ordenar os resultados no gráfico: Nome, Tamanho ou Nenhum. Gráfico circular
Topo N Opção para mostrar apenas seções para os n valores superiores no gráfico. Gráfico circular
Geral Orientação do ecrã Determina a orientação do ecrã: Horizontal ou Vertical. Multi Estat
Tamanho do texto Determina o tamanho do texto: Recomendado, Pequeno ou Grande. Multi Estatística, Estatística
Formato visual Determina o formato do gráfico. Para gráficos de área, barra e coluna, o formato pode ser padrão, empilhado ou empilhado 100%. Para gráficos de pizza, o formato pode ser pizza ou rosca. Gráfico de áreas, Gráfico de barras, Gráfico de colunas, Gráfico circular
Diagramação Configuração do slot Personaliza o layout da grelha com opções que variam de 1 coluna por 1 linha (1 slot) a 5 colunas por 5 linhas (25 slots). Multi Estat
Legenda Ocultar ou Mostrar Oculta ou mostra uma legenda explicando a série de dados no gráfico. Gráfico de anomalias, Gráfico de áreas, Gráfico de barras, Gráfico de colunas, Multi-estatística, Gráfico de dispersão, Gráfico de tempo
Tamanho Ocultar ou Mostrar Alterna o dimensionamento dos pontos do mapa entre ligado e desligado. Mapa
Tamanho da Coluna A coluna usada para determinar o tamanho do ponto do mapa. Mapa
URLs Aplicar ligação na coluna Quando ativado, selecionar um valor nesta coluna direciona para o URL especificado na coluna URL. Tabela
Coluna URL A coluna que contém valores de URL. Tabela
Eixo X Rótulo Define um rótulo personalizado para o eixo horizontal. Gráfico de anomalias, Gráfico de áreas, Gráfico de barras, Gráfico de colunas, Multi-estatística, Gráfico de dispersão, Gráfico de tempo
Valor da linha vertical Especifica um valor no eixo horizontal para linhas de referência verticais. Gráfico de anomalias, Gráfico de áreas, Gráfico de barras, Gráfico de colunas, Multi-estatística, Gráfico de dispersão, Gráfico de tempo
Escala do eixo X Ajusta a escala do eixo horizontal para linear ou logarítmica. Gráfico de anomalias, Gráfico de área, Gráfico de barras, Multi Stat, Gráfico de dispersão, Tabela, Gráfico de tempo
Eixo Y Rótulo Define um rótulo personalizado para o eixo vertical. Gráfico de anomalias, Gráfico de áreas, Gráfico de barras, Gráfico de colunas, Multi-estatística, Gráfico de dispersão, Gráfico de tempo
Valor máximo Define o valor máximo no eixo vertical. Gráfico de anomalias, Gráfico de área, Gráfico de barras, Quadro de colunas, KPI, Multi Stat, Gráfico de dispersão, Gráfico de tempo
Valor mínimo Define o valor mínimo no eixo vertical. Gráfico de anomalias, Gráfico de área, Gráfico de barras, Quadro de colunas, KPI, Multi Stat, Gráfico de dispersão, Gráfico de tempo
Linhas de referência Marca um valor no gráfico como uma linha de referência para orientação visual. Gráfico de anomalias, Gráfico de área, Gráfico de barras, Quadro de colunas, KPI, Multi Stat, Gráfico de dispersão, Gráfico de tempo

Cores da série de dados

As cores das séries de dados dão-lhe controlo direto sobre como as cores são aplicadas às suas representações visuais. Em vez de depender de atribuições automáticas de cores, atribua cores específicas a cada série de dados para transmitir significado e manter a consistência entre os seus dashboards.

Ao usar as cores das séries de dados, pode:

  • Atribua cores diretamente a cada série de dados.

  • Substitua as predefinições do sistema com escolhas intencionais.

  • Mantenha a consistência das cores nos visuais e painéis de controlo.

Esta funcionalidade é suportada para os seguintes tipos visuais: Quadro de anomalias, Gráfico de área, Gráfico de barras, Gráfico de colunas, Gráfico de linhas, Gráfico de pizza, Gráfico de dispersão e Gráfico de Tempo.

Para configurar as cores das séries de dados:

  1. No menu superior, selecione Visualização e alterne para o modo de edição .

  2. No tile que quer personalizar, selecione o ícone Editar.

  3. No separador Visual no painel de formatação, expanda a secção Cores da Série de Dados.

  4. Selecione uma cor para cada série de dados no seu visual.

  5. Selecione Aplicar alterações para guardar as suas definições.

Captura de ecrã do painel que mostra a configuração das cores da série de dados no painel lateral de visuais.

Quando atribui cores intencionalmente, os espectadores podem interpretar os visuais num instante, sem necessidade de ler legendas ou rótulos. Considere usar cores que estejam alinhadas com os padrões da sua organização ou que transmitam naturalmente o significado de cada série, como vermelho para estados críticos ou verde para métricas saudáveis.

Visual da série temporal (Pré-visualização)

Use o visual da série temporal para mostrar dados baseados no tempo em múltiplas medidas e categorias. Apresenta valores numéricos ao longo do tempo, facilitando a identificação de tendências, padrões e anomalias.

Criar uma visualização de série temporal

Importante

Certifique-se de que os seus dados incluem uma coluna de carimbo temporal e pelo menos uma coluna de valor numérico para visualizar tendências ao longo do tempo.

Para criar e configurar um visual de série temporal no seu painel do Azure Data Explorer:

  1. No menu superior, selecione Visualização e alterne para o modo de edição .

  2. Seleciona o ícone Editar no visual que queres personalizar.

  3. No painel de formatação visual , abra Tipo Visual e selecione Série Temporal.

    Captura de ecrã do painel de Visualização a mostrar a opção Série Temporal.

  4. Na secção de Dados , configure as seguintes propriedades:

    • Coluna temporal (eixo X): Selecione a coluna de carimbo temporal que representa os intervalos de tempo no eixo horizontal.

    • Dados medidos (eixo Y): Selecione um ou mais campos numéricos para representar ao longo do tempo no eixo vertical.

    • Entidades e Medidas (opcional): Selecione campos categóricos para agrupar os seus dados em várias séries.

    Captura de ecrã do painel de configuração da série temporal.

  5. Personalize ainda mais o seu gráfico configurando propriedades como:

    • Escala no eixo Y:

      • Global (escala partilhada entre tabelas)
      • Separadas (escalas independentes por gráfico)
      • Adaptativo (reduz o impacto dos valores atípicos)
    • Cores: Atribui cores a partir de uma paleta ou por série.

    • Escala de eixos: Alterne entre escala linear e logarítmica para diferentes distribuições de dados.

    • Comportamento no Zoom: Ative a panorâmica e o zoom para exploração interativa.

  6. Selecione Feito para guardar as suas definições e voltar ao painel.

  7. No visual do dashboard, pode interagir com o visual da série temporal para explorar os seus dados:

    • Use o painel de Entidades e Medidas para controlar quais os dados que aparecem:

      • Procura uma série específica pelo nome.
      • Expandir ou colapsar grupos na hierarquia de entidades.
      • Selecione ou desmarque as caixas de verificação para mostrar ou ocultar as séries.
      • Reordenar a série para controlar a ordem do ecrã e das legendas.

      Esta seleção não modifica a consulta subjacente.

    • Ajusta o intervalo temporal usando os controlos da linha temporal:

      • Arrasta o controlo de tempo para aproximar ou afastar em intervalos específicos.
      • Introduza os horários de início e fim para definir um intervalo preciso.

      Quando são apresentadas várias medidas, todos os gráficos permanecem sincronizados com o intervalo de tempo selecionado.

      Captura de ecrã dos controlos da linha temporal num gráfico de séries temporais.

Visualização de KPI

Um mosaico KPI mostra um único valor numérico obtido através de uma consulta como indicador visual. Ajuda-te a avaliar rapidamente a saúde ou o estado de uma métrica. Use blocos de KPI para monitorizar cenários onde precisa de responder a perguntas como: "Este valor é saudável ou problemático?" "Está acima ou abaixo de um alvo base?"

Modos de exibição

Os blocos KPI suportam quatro modos de visualização:

Mode Descrição Melhor para
Medidor Um arco de 180° com uma agulha apontando para o valor atual Painéis clássicos de monitorização
Bar Uma barra horizontal preenchida para refletir o valor atual Layouts horizontais compactos
Donut Um anel de progresso completo de 360° Disposições de azulejos quadrados
Número Um número grande formatado com cor de limite Painéis com elevada densidade de informação

Adicionar um bloco KPI

  1. No teu dashboard, muda para o modo de Edição .

  2. Na barra de menu superior, selecione Adicionar visual e depois selecione KPI.

  3. Configure as definições de KPI:

    • Tipo visual: Escolha entre Barra, Donut, Calibre e Número.
    • Dados: Selecione o campo numérico da sua consulta para mostrar.
    • Formato de valor: Escolha Auto, decimais, separador de milhares ou notação compacta (por exemplo, 1,2K).
    • Formatação condicional: Defina limiares para definir os intervalos saudáveis, de aviso e críticos para o seu KPI. Também pode escolher se valores mais altos ou mais baixos são considerados piores.
    • Linha de referência: Opcionalmente, adicione uma linha de referência de referência para indicar um valor alvo ou esperado.
  4. Selecione Já feito para adicionar o mosaico ao painel.

  5. Selecione o botão Guardar para guardar o painel.

Sugestão

Use o Copilot para criar e configurar blocos de KPI a partir da linguagem natural. Por exemplo, experimente prompts como "Mostrar o uso do CPU como um indicador com limiares a 70 e 90" ou "Criar um KPI para a taxa de erro com uma base de 5%."

Estados limiar do KPI

Os blocos KPI apresentam um de três estados de limiar com base no valor atual e na configuração do seu limiar:

Estado Cor padrão Descrição
Bom 🟢 Verde O valor está dentro do intervalo saudável.
Warning 🟡 Amarelo O valor está a aproximar-se de um nível crítico.
Crítico 🔴 Vermelho O valor encontra-se no intervalo problemático.

Podes configurar a direção do limiar. Defina Maior é pior para métricas como taxa de erro ou latência, ou Menor é pior para métricas como débito ou disponibilidade. Para garantir a acessibilidade, os estados de limite também recorrem a padrões de preenchimento (listas ou pontos), além da cor, para que possam ser distinguidos por utilizadores daltónicos.

Deteção de alterações de KPI

Os blocos KPI utilizam atualizações orientadas por eventos em vez de polling. Quando a fonte de dados recebe novos dados, o valor do KPI atualiza-se automaticamente com uma animação de transição suave de 300 ms. Se não forem recebidos novos dados no prazo de 60 segundos (configurável nas definições do mosaico), é apresentada uma sobreposição Dados desatualizados com a data e hora da última atualização.

Dimensionamento responsivo

Os mosaicos de KPI adaptam o seu esquema com base no respetivo tamanho:

Tamanho do mosaico Elementos renderizados
Pequeno (2×2 a 3×3) Apenas o valor e a cor de limiar.
Médio (4×4 a 6×6) Valor, etiqueta, unidade, cor do limiar e marcador base.
Grandes (7×7 ou mais) Renderização completa com bandas de limiar, marcas de assinalação e etiquetas de escala.

Incorporar imagens

Pode incorporar imagens nos blocos do seu painel usando texto Markdown.

Para obter mais informações sobre o GitHub Flavored Markdown, consulte GitHub Flavored Markdown Spec.

  1. Abra um painel.

  2. No menu superior, selecione + Adicionar>adicionar texto para abrir um bloco de texto.

    Captura de ecrã da barra do painel de controlo a mostrar o menu pendente do botão Adicionar.

  3. No painel de consulta, cole a URL de uma imagem localizada num serviço de alojamento de imagens usando a seguinte sintaxe:

    ![](URL)
    

    A imagem é renderizada na visualização do bloco.

    Captura de ecrã do painel de consulta mostrando a sintaxe de imagem no texto em markdown.

  4. No menu superior, selecione Aplicar alterações para salvar o bloco.

    Captura de ecrã do painel de consulta a mostrar a imagem renderizada.

Para obter mais informações sobre a sintaxe da imagem no GitHub Flavored Markdown, consulte Imagens.