Exemplo de visualização da barra vertical

  • Versão de lançamento: Zurich
  • Atualizado 31 de jul. de 2025
  • 7 min. de leitura

    • As visualizações de barra vertical permitem mostrar o tamanho comparativo ou a frequência de diferentes categorias ou grupos, por exemplo, vendas em diferentes regiões ou em diferentes períodos de tempo. O eixo X de um vertical geralmente mostra um valor numérico, como anos ou intervalos de datas, faixas etárias ou faixas salariais.

    Antes de Iniciar

    Função necessária: Qualquer pessoa com acesso a dados pode criar uma visualização desses dados em qualquer painel que possa ser editado. Os usuários com a função itil, report_user, admin ou viz_creator podem criar uma visualização no Designer de visualizações. Se você criar uma visualização no Designer de visualizações, Ele é salvo na Biblioteca. Para obter mais informações sobre acesso, consulte Controle de acesso Report_viewe. Funções da Análise da plataforma.

    Por Que e Quando Desempenhar Esta Tarefa

    Use o tipo de visualização de barra vertical para comparar diferentes categorias ou grupos e mostrar claramente a distribuição de um conjunto de dados. Neste exemplo, você mostra indisponibilidades por tipo.

    Procedimento

    1. Siga as primeiras etapas para Crie uma visualização de dados de barra horizontal ou vertical:
      1. Navegar até Tudo > Análise da plataforma > Biblioteca > Visualizações de dadosou abra um painel em linha e selecione Editar .
      2. Selecione Novo.
      3. Selecione a barra vertical ( Ícone da barra vertical) tipo de visualização.
        Animação mostrando a seleção do designer de espaço e visualização e escolhendo criar uma visualização de barra vertical
    2. No momento, podemos ignorar a seção de cabeçalho e borda e mover para a fonte de dados.
      1. Selecione Adicionar fonte de dados.
      2. Escolha a tabela de indisponibilidade [cmdb_ci_outage].
        Esta tabela lista indisponibilidades de vários serviços.
      3. Opcional: Selecione Executar para visualizar os registros nos quais a visualização será baseada.
      4. Selecione Adicionar esta fonte.
      Uma visualização de dados de barra vertical com o valor atual dos dados selecionados aparece no Designer de visualizações. A visualização é agrupada pelo primeiro campo (alfabeticamente) na tabela, Início. Isso é útil porque mostra as indisponibilidades distribuídas por uma medição de tempo.
      Animação mostrando a seleção da fonte de dados para visualização da barra vertical
    3. Agora que você pode ver a visualização, vamos adicionar algum contexto para o usuário.
      1. Expanda a seção Cabeçalho e borda.
      2. Selecione Mostrar cabeçalho e forneça o título Indisponibilidades por tipo .
        Quando a opção Mostrar cabeçalho está selecionada, você pode adicionar um título e uma descrição. O título do gráfico não é necessariamente igual ao nome da visualização. O nome da visualização o identifica no Designer de visualizações e em uma lista. O título do gráfico aparece na visualização.
      3. Insira uma descrição da visualização: Indisponibilidades do CMDB agrupadas por quando começaram e empilhadas por tipo. .
        Embora os campos de descrição e título não sejam obrigatórios, essas informações facilitam a compreensão da visualização em um painel e a identificação dela em uma lista.
      4. Selecione Salvar e dê o título ao relatório Barra vertical - indisponibilidades do CMDB .
    4. Ignore a seção Métrica.
    5. Na seção Agrupar por, selecione Adicionar para diferenciar as informações na visualização.
      Selecione Tipo e escolha Aplicar . As colunas agora mostram cores diferentes para distinguir os diferentes tipos de indisponibilidades.
      Grupo adicional da barra vertical por seleção com o campo Tipo realçado
    6. Em Classificação, mantenha Classificar por Valor E Classificar por ordem Decrescente .
      Essas opções mostram uma maneira lógica de visualizar os dados. Altere as opções de classificação para ver o que funciona melhor para você.
    7. Em Atualização de dados, configure como o público interage com a visualização.
      1. Selecione Seguir filtros.
        Esta opção permite que a visualização siga filtros interativos nos painéis em que está posicionada e que são baseados na mesma tabela.
      2. Selecione o ícone Mostrar filtro para mostrar o número de filtros aplicados à visualização.
        Por exemplo, se os filtros do painel limitarem o valor da visualização, o ícone indicará que você está vendo o número de incidentes em aberto que correspondem aos filtros. Em seguida, você pode verificar quais filtros estão em vigor.
      3. Selecione Habilitar detalhamento para permitir que os visualizadores naveguem até informações relevantes selecionando um ponto de dados no gráfico.
        Algumas visualizações detalham apenas a lista de dados associados. Os dados da tabela geralmente são restritos por ACLs (access control lists, listas de controle de acesso), e os visualizadores podem não ver todos os registros associados.

        Este controle espelha Permitir interação de gráfico . Em Interação de gráfico, você também pode selecionar o destino do detalhamento.

    8. As variações mostram os dados de três maneiras diferentes:
      Empilhadas
      Mostra os elementos agrupados (tipo no nosso caso) empilhados um tipo acima do próximo.
      Lado a lado
      Mostra uma barra diferente para cada tipo.
      Normalizados
      Mostra barras empilhadas da mesma altura para cada grupo, com as cores mostrando a porcentagem do total.
      Empilhadas Lado a lado Normalizados
      Variação empilhada Lado a lado Variação normalizada
    9. Configure o eixo Y.
      Você pode especificar várias opções, incluindo o texto no eixo, o intervalo de valores e a posição do eixo. Você pode até selecionar Ocultar eixo se você quiser ocultar o eixo e seus valores e mostrar apenas os tamanhos comparativos das barras.
      1. Você pode atribuir o título ao eixo Y. Número de indisponibilidades , mas essas informações já estão no título da visualização, portanto, deixe-as em branco.
      2. Você pode especificar intervalos inferiores e superiores para as barras, mas como esses dois valores são úteis, saia Intervalo do eixo - de e. Intervalo do eixo - a. vazio.
        Há casos em que um maior De o valor faz sentido, mas a desvantagem é que os tamanhos relativos das barras se tornam menos precisos. . Para o valor está vazio, o valor mais alto no intervalo é o mesmo que o valor mais alto da maior barra na visualização.
      3. As opções Mostrar grade e Estilo de eixo são pequenas mudanças estéticas que você pode ajustar de acordo com sua preferência.
        Neste exemplo, selecione Limpo porque é um pouco mais limpo.
        Visualização da barra vertical com opções do eixo Y.
      4. Altere o Tamanho máximo do rótulo para 50 .
        Os rótulos são encapsulados em linhas adicionais. O tipo de truncamento não faz diferença, porque os rótulos são encapsulados.
    10. Configure o eixo X.
      Você pode especificar várias opções, incluindo o texto no eixo, o intervalo de valores e a posição do eixo.

      A configuração do eixo X aborda como os rótulos são exibidos para o eixo vertical. Neste exemplo, você tem rótulos relativamente curtos. No entanto, se o tamanho máximo do rótulo for menor do que os rótulos, você poderá optar por truncar ou quebrar o texto do rótulo. Você pode truncar o texto no início do rótulo ou no final

      1. Você pode atribuir o título ao eixo X. Indisponibilidades do CMDB , mas essas informações já estão no título da visualização, portanto, deixe-as em branco.
      2. Selecione Rótulos de quebra de linha .
        Você não vê nenhuma mudança na exibição do rótulo porque o Tamanho máximo do rótulo de 0 significa que o rótulo maior determina o tamanho.
    11. Configure a legenda da visualização.
      A legenda fornece exemplos da codificação de cores para cada valor no eixo X. Você pode escolher se deseja mostrar a legenda, onde colocá-la e quanto mostrar. O posicionamento ideal depende do tamanho do contêiner em um painel. Se você tiver mais espaço horizontal, coloque a legenda à esquerda ou à direita. Se você tiver mais espaço vertical, coloque-o acima ou abaixo.
      1. Selecione Mostrar legenda e. Mostrar valor da legenda .
        Mostrar valor da legenda adiciona o número associado à métrica selecionada. Como alternativa, você pode escolher Mostrar rótulos de dados (Na seção Rótulo de dados) para colocar esses valores na própria barra.
      2. Coloque a legenda acima da visualização.
        Você pode optar por colocar a legenda acima, abaixo ou à direita ou à esquerda da visualização.
      3. Selecione o Centro Alinhamento horizontal .
        Mover a legenda para a esquerda ou para a direita da visualização. (O início e o fim são à direita e à esquerda para idiomas que leem da direita para a esquerda.)
      4. Altere a Largura máxima do item de legenda para dar mais ou menos espaço a esses valores.
      5. Expandir legenda verticalmente fornece linhas adicionais à legenda para que os usuários não precisem rolar além das duas linhas padrão.
        Neste exemplo, você só precisa de uma linha para os três tipos de indisponibilidade. Em uma visualização que tem barras para 15 ou 20 regiões diferentes ou grupos de atribuição, convém mostrar mais na legenda sem uma barra de rolagem.
    12. Escolha o. Padrão tipo de cor para a visualização.
      • Padrão Aplica as cores associadas ao seu tema de UX.
      • Paleta de cores Usa matizes da mesma cor, por exemplo Sequencial - Azul claro a escuro.
        Indisponibilidades do CMDB por tipo com paleta azul aplicada
      • Cor do elemento fixo especifica a mesma cor para cada elemento, como incidentes de hardware. Todas as visualizações de dados que usam cores de elemento fixo mostram o mesmo elemento na mesma cor.

    Resultado

    Você criou uma visualização de barra vertical agrupada em dois campos. Você também configurou o rótulo, a legenda e os intervalos da visualização.