Personalizar objetos visuais do painel do Azure Data Explorer

Os painéis do Azure Data Explorer são uma coleção de tiles que apresentam visualizações com suporte de uma consulta subjacente em KQL (Linguagem de Consulta Kusto). Este artigo explica como editar as visualizações e consultas de um bloco de dashboard. Ele também fornece uma visão geral das propriedades de personalização específicas para cada tipo de visualização.

Todas as visualizações criadas no contexto do operador de renderização estão disponíveis nas visualizações do painel. Junto com essas visualizações, você pode usar alguns visuais específicos do painel.

Pré-requisitos

Análise: visualize dados com painéis do Azure Data Explorer.

Personalizar objetos visuais

Para fazer alterações no painel:

  1. No menu superior, selecione Visualização e ative/desative para o modo de Edição.

    Captura de tela entrando no modo de edição em painéis na interface web do usuário do Azure Data Explorer.

  2. No bloco que você deseja personalizar, selecione o ícone Editar . Edite a consulta subjacente ou as propriedades de visualização.

    Captura de tela de como editar um bloco em painéis na interface do usuário da Web do Azure Data Explorer.

  3. Na barra de ferramentas superior, selecione Aplicar alterações para salvar suas alterações e retornar ao painel.

    Captura de tela de como salvar as alterações no bloco do painel na interface do usuário da Web do Azure Data Explorer.

Definir propriedades de personalização

A tabela a seguir descreve as propriedades de personalização disponíveis, categorizadas em ordem alfabética por seção, e especifica quais visuais oferecem suporte à propriedade fornecida.

Seção Propriedade Descrição Tipos visuais
Cores Paleta de cores Determina o conjunto de cores a serem usadas no mapa de calor. Mapa de calor
Formatação condicional Ocultar ou Mostrar Uma opção para ativar/desativar 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, gráfico de colunas, KPI, Multi Stat, gráfico de dispersão, Tabela, gráfico de horários
Dados Colunas Y As colunas que fornecem dados para o eixo vertical. Gráfico de anomalias, gráfico de áreas, 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 áreas, 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 os dados em diferentes séries. Gráfico de anomalias, gráfico de áreas, gráfico de barras, gráfico de colunas, gráfico de linhas, gráfico de dispersão, gráfico de tempo
Coluna de categoria A coluna que determina as categorias de dados. Gráfico de funil, mapa de calor, gráfico de pizza
Coluna de rótulo Atribui um rótulo a cada slot utilizando a coluna designada. Multi-Estat
Coluna de 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 no mapa de calor. Mapa de calor
Coluna numérica A coluna que fornece o valor numérico da categoria de dados. Gráfico de pizza
Definir localização por Determina o método usado para definir a localização: Infer, Latitude e longitude ou Ponto Geográfico. Mapeamento
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 linhas, gráfico de pizza, gráfico de dispersão, gráfico de tempo, gráfico de série temporal
Opções de exibição Ordenar por Como ordenar os resultados no gráfico: Nome, Tamanho ou Nenhum. Gráfico de pizza
Os N principais Opção para mostrar apenas as seções dos n valores principais no gráfico. Gráfico de pizza
Geral Orientação de exibição Determina a orientação da tela: horizontal ou vertical. Multi-Estat
Tamanho do texto Determina o tamanho do texto: Recomendado, Pequeno ou Grande. Várias estatísticas, estatísticas
Formato visual Determina o formato do gráfico. Para gráficos de área, barras e colunas, 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 de pizza
Layout Configuração do slot Personaliza o layout da grade com opções que variam de 1 coluna por 1 linha (1 slot) a até 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, várias estatísticas, gráfico de dispersão, gráfico de tempo
Tamanho Ocultar ou Mostrar Ativa/desativa o dimensionamento dos pontos do mapa. Mapeamento
Coluna tamanho A coluna usada para determinar o tamanho do ponto do mapa. Mapeamento
URLs Aplicar link na coluna Quando habilitado, a seleção de um valor nessa coluna direciona à URL especificada na Coluna da URL. Tabela
Coluna da 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, várias estatísticas, 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, várias estatísticas, 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 áreas, gráfico de barras, várias estatísticas, 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, várias estatísticas, 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, gráfico 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, gráfico 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, gráfico de colunas, KPI, Multi Stat, gráfico de dispersão, gráfico de tempo

Cores da série de dados

As cores da série de dados fornecem controle direto sobre como as cores são aplicadas às suas visualizações. 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 em seus painéis.

Usando cores de série de dados, você pode:

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

  • Substitua os padrões do sistema por escolhas intencionais.

  • Mantenha a consistência de cores entre visuais e painéis.

Esse recurso é compatível com os seguintes tipos de gráficos: gráfico 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 de pontos e gráfico de tempo.

Para configurar as cores da série de dados:

  1. No menu superior, selecione Visualização e ative/desative para o modo de Edição.

  2. No bloco que você deseja personalizar, selecione o ícone Editar .

  3. Na guia Visual do painel de formatação, expanda a seção Cores da série de dados .

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

  5. Selecione Aplicar alterações para salvar suas configurações.

Captura de tela do painel mostrando a configuração de cores da série de dados no painel lateral dos visuais.

Quando você atribui cores intencionalmente, os visualizadores podem interpretar visuais rapidamente sem precisar ler legendas ou rótulos. Considere o uso de cores que se alinham com os padrões da sua organização ou que transmitem naturalmente o significado de cada série, como vermelho para estados críticos ou verde para métricas saudáveis.

Visual de série temporal (versão preliminar)

Use o visual de série temporal para exibir dados baseados em tempo em várias medidas e categorias. Ele plota valores numéricos ao longo do tempo, facilitando a identificação de tendências, padrões e anomalias.

Criar um visual de série temporal

Importante

Verifique se os dados incluem uma coluna de data e hora e pelo menos uma coluna com valores numéricos para visualizar tendências ao longo do tempo.

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

  1. No menu superior, selecione Visualização e ative/desative para o modo de Edição.

  2. Selecione o ícone Editar no visual que você deseja personalizar.

  3. No painel formatação visual , abra o tipo Visual e selecione Série temporal.

    Captura de tela do painel de Visualização mostrando a opção Série temporal.

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

    • Coluna de tempo (eixo X): selecione a coluna de carimbo de data/hora que representa intervalos de tempo no eixo horizontal.

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

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

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

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

    • Dimensionamento do eixo Y:

      • Global (escala compartilhada entre gráficos)
      • Separado (escalas independentes por gráfico)
      • Adaptável (reduz o impacto de exceções)
    • Cores: Atribua cores de uma paleta ou por série.

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

    • Comportamento do zoom: Habilite o arrastar e o zoom para explorar interativamente.

  6. Selecione Concluído para salvar suas configurações e retornar ao painel.

  7. No elemento visual do painel, você pode interagir com o elemento visual de série temporal para explorar seus dados:

    • Use o painel Entidades e Medidas para controlar quais dados são exibidos:

      • Pesquise uma série específica por nome.
      • Expandir ou recolher grupos na hierarquia de entidades.
      • Selecione ou desmarque as caixas de seleção para mostrar ou ocultar séries.
      • Reordenar séries para controlar a exibição e a ordem da legenda.

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

    • Ajuste o intervalo de tempo usando os controles da linha do tempo:

      • Arraste o controle deslizante de tempo para ampliar ou reduzir em intervalos específicos.
      • Insira os horários de início e término para definir um intervalo preciso.

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

      Captura de tela dos controles da linha do tempo em um gráfico de série temporal.

Visualização de KPI

Um bloco KPI exibe um único valor numérico baseado em consulta como um indicador visual. Isso ajuda você a avaliar rapidamente a saúde ou o status de uma métrica. Use blocos de KPI para monitorar cenários onde você precisa responder perguntas como: "Esse valor é saudável ou problemático?" "Está acima ou abaixo de uma meta base?"

Modos de exibição

Blocos KPI suportam quatro modos de exibição:

Modo Descrição Mais adequado para
Calibre Um arco de 180° com uma agulha apontando para o valor atual Dashboards clássicos de monitoramento
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 formatado de grande porte com cor baseada em limite Painéis densos

Adicionar um bloco de KPI

  1. No seu painel, mude para o modo Editar .

  2. No menu superior, selecione Adicionar visual e depois selecione KPI.

  3. Configure as definições de KPI:

    • Tipo de visualização: Escolha entre Barra, Donut, Medidor e Número.
    • Dados: Selecione o campo numérico da sua consulta para exibir.
    • Formato de valor: Escolha Auto, decimais, separador de milhares ou notação compacta (por exemplo, 1,2K).
    • Formatação condicional: Defina limites para definir os intervalos saudáveis, de alerta e críticos para seu KPI. Você 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 Feito para adicionar o bloco ao painel.

  5. Selecione o botão Salvar para salvar o painel.

Tip

Use o Copilot para criar e configurar blocos de KPI a partir da linguagem natural. Por exemplo, tente avisos como "Mostrar uso da CPU como um medidor com limites em 70 e 90" ou "Criar um KPI para taxa de erro com uma linha base de 5%."

Estados limiar do KPI

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

State Cor padrão Descrição
Bom  Verde O valor está dentro do intervalo saudável.
Aviso  Amarelo O valor está se aproximando de um nível crítico.
Crítico 🔴 Vermelho O valor está na faixa problemática.

Você pode configurar o sentido do limite. Defina Maior é pior para métricas como taxa de erro ou latência, ou Menor é pior para métricas como taxa de transferência ou disponibilidade. Para garantir a acessibilidade, os estados de limite também usam padrões de preenchimento (listras ou pontos), além das cores, para que usuários daltônicos consigam diferenciá-los.

Detecção de mudança de KPI

Os blocos KPI usam atualizações orientadas a eventos em vez de polling. Quando a fonte de dados recebe novos dados, o valor do KPI é atualizado automaticamente com uma animação de transição suave de 300 ms. Se novos dados não forem recebidos em até 60 segundos (configuráveis nas configurações de tile), uma sobreposição de dados obsoletos aparece com o carimbo de data da última atualização.

Dimensionamento responsivo

Os blocos KPI adaptam seu layout com base no tamanho do bloco:

Tamanho de bloco Elementos renderizados
Pequeno (2×2 a 3×3) Apenas cor de valor e de limiar.
Médio (4×4 a 6×6) Valor, rótulo, unidade, cor de limiar e marcador de base.
Grande (7×7 e acima) Renderização completa com faixas de limite, marcas de graduação e rótulos de escala.

Inserir imagens

Você pode inserir imagens nos blocos do painel usando o texto markdown.

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

  1. Abra um painel.

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

    Captura de tela da faixa de opções do painel mostrando o menu suspenso do botão Adicionar.

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

    ![](URL)
    

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

    Captura de tela do painel de consulta do dashboard mostrando a sintaxe da imagem no texto Markdown.

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

    Captura de tela do painel de consultas do dashboard mostrando a imagem renderizada.

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