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. 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, Gráfico de colunas, Multi-estatística, 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, Multi stat
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 áreas, Gráfico de barras, Gráfico de colunas, Multi-estatística, 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 áreas, Gráfico de barras, Gráfico de colunas, Multi-estatística, 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 áreas, Gráfico de barras, Gráfico de colunas, Multi-estatística, 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.

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.