Partilhar via


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 bloco de painel e fornece uma visão geral das propriedades de personalização específicas para 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 linhas, Gráfico de pizza, Gráfico de dispersão, Gráfico de tempo
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.

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.