Exemplo de visualização de barra vertical

  • Versão de lançamento: Yokohama
  • Atualizado 30 de jan. de 2025
  • 7 min. de leitura

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

    Antes de Iniciar

    Função necessária: Qualquer pessoa com acesso aos dados pode criar uma visualização desses dados em um painel de sua propriedade. 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, ela será salva na Biblioteca. Para obter mais informações sobre acesso, consulte Controle de acesso Report_view e Funções de 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 as indisponibilidades por tipo.

    Procedimento

    1. Siga as primeiras etapas para Criar uma visualização de barra no Designer de visualizações:
      1. Navegar até Tudo > Análise da plataforma > Biblioteca > Visualizações de dados.
      2. Selecione Novo.
      3. Selecione o tipo de visualização Barra vertical ( ícone de barra vertical).
        Animação mostrando a seleção do espaço e do designer de visualizações e a opção de criar uma visualização de barra vertical
    2. Por enquanto, podemos ignorar a seção de cabeçalho e borda e passar para a fonte de dados.
      1. Selecione Adicionar fonte de dados.
      2. Escolha a tabela Indisponibilidade [cmdb_ci_outage].
        Esta tabela lista as 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 (em ordem alfabética) na tabela, Início. Isso é útil porque mostra as indisponibilidades distribuídas por uma medição de tempo.
      Animação mostrando a seleção de fonte de dados para visualização de barras verticais
    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 do gráfico 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ê ao relatório o título 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 no gráfico.
      Selecione Tipo e escolha Aplicar. As colunas agora mostram cores diferentes para distinguir os diferentes tipos de indisponibilidades.
      Grupo adicional por seleção de barra vertical 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 do gráfico. Em Interação do gráfico, você também pode selecionar o destino do detalhamento.

    8. Escolha a variação do gráfico para mostrar os dados de uma das três maneiras diferentes:
      Empilhadas
      Mostra os elementos agrupados (tipo em nosso caso) empilhados um tipo acima do próximo.
      Lado a lado
      Mostra uma barra diferente para cada tipo.
      Normalizada
      Mostra barras empilhadas da mesma altura para cada grupo, com as cores mostrando a porcentagem do total.
      Empilhadas Lado a lado Normalizada
      Variação do gráfico empilhado Variação de gráfico lado a lado Variação do gráfico 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 quiser ocultar o eixo e seus valores e mostrar somente os tamanhos comparativos das barras.
      1. Você pode atribuir ao eixo Y o título Número de indisponibilidades, mas essas informações já estão no título da visualização, portanto, deixe em branco.
      2. Você pode especificar intervalos inferiores e superiores para as barras, mas como esses dois valores são úteis, deixe o Intervalo do eixo - de e o Intervalo do eixo - em branco.
        Há casos em que um valor De maior faz sentido, mas o lado negativo é que os tamanhos relativos das barras se tornam menos precisos. Quando o valor Para 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 suas preferências.
        Neste exemplo, selecione Limpar porque é um pouco mais organizado.
        Visualização de barra vertical com opções do eixo Y
      4. Altere o Tamanho máximo do rótulo para 50.
        Os rótulos quebram 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 ou no final do rótulo.

      1. Você pode atribuir ao eixo X o título Indisponibilidades do CMDB, mas essas informações já estão no título da visualização, portanto, deixe em branco.
      2. Selecione Encapsular rótulos.
        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 maior rótulo 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 de 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 alinhamento Horizontalcentralizado .
        Iniciar e Fim movem a legenda para a esquerda ou para a direita da visualização. (Início e fim são direitos e esquerdos para idiomas que são lidos 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 ou grupos de atribuição diferentes, convém mostrar mais na legenda sem uma barra de rolagem.
    12. Escolha o tipo de cor Padrão para a visualização.
      • O padrão aplica as cores associadas ao seu tema de UX.
      • A paleta de cores usa matizes da mesma cor, por exemplo, Sequencial - Azul Claro a Escuro.
        Indisponibilidades do CMDB por tipo com paleta azul aplicada
      • A cor de elemento fixa especifica a mesma cor para cada elemento, como incidentes de hardware. Todas as visualizações de dados que usam cores de elemento fixas mostram o mesmo elemento na mesma cor.

    Resultado

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