Compartilhar via


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 e 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

Examine a visualização de 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. 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 áreas, gráfico de barras, gráfico de colunas, várias estatísticas, 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 á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, várias estatísticas
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 setores
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
Opções de exibição Ordenar por Como ordenar os resultados no gráfico: Nome, Tamanho ou Nenhum. Gráfico de setores
Os N principais Opção para mostrar apenas as seções dos n valores principais no gráfico. Gráfico de setores
Geral Orientação de exibição Determina a orientação da tela: horizontal ou vertical. Várias estatísticas
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 Stat
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 áreas, gráfico de barras, gráfico de colunas, várias estatísticas, 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, várias estatísticas, 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, várias estatísticas, 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 com opções 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.

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 azulejo.

    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.