Exemplo de visualização da barra horizontal

  • Versão de lançamento: Yokohama
  • Atualizado 30 de jan. de 2025
  • 7 min. de leitura
  • As visualizações de barra horizontal permitem mostrar o tamanho ou a frequência comparativos de diferentes categorias ou grupos, como prioridade de incidente ou grupo de vendas. Você também pode adicionar um agrupamento por ou empilhamento por a uma visualização de barra, como o grupo de atribuição.

    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 horizontal para comparar diferentes categorias ou grupos e mostrar claramente a distribuição de um conjunto de dados. Neste exemplo, você mostra incidentes por prioridade e os empilha por grupo de atribuição.

    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 horizontal ( ícone de barra horizontal).
        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 horizontal
    2. Por enquanto, ignore a seção de cabeçalho e borda e mova para a fonte de dados.
      1. Selecione Adicionar fonte de dados.
      2. Escolha a tabela Incidente [incidente].
      3. Como esta visualização mostra incidentes em aberto, vamos adicionar a condição Incidents.Open na seção Filtros.
        Com este filtro selecionado, a visualização mostra apenas o número de incidentes ativos.
      4. Opcional: Selecione Executar para visualizar os registros nos quais a visualização será baseada.
      5. Selecione Adicionar esta fonte.
      Uma visualização de dados de barra horizontal com o valor atual dos dados selecionados aparece no Designer de visualizações. Como as únicas informações fornecidas são de que a visualização representa incidentes ativos, você verá apenas um único bloco. Você adiciona o grupo de prioridade e de atribuição na etapa 4.
      Animação mostrando a seleção de fonte de dados, aplicação de filtro e resultado
    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 Número de incidentes em aberto - Prioridade e Grupo de atribuição.
        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: Número de incidentes em aberto de todas as prioridades agrupadas por grupo de atribuição.
        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 horizontal - Incidentes em aberto.
    4. Ignore a seção Métrica.
    5. Adicione um Agrupar por para diferenciar as informações no gráfico.
      Em Agrupar por, selecione Ativo e altere o agrupamento para Prioridade.
    6. Em Classificação, escolha o campo para classificar e a ordem da classificação.
      1. Escolha classificar por Nome.
        Os nomes de prioridade começam com um número para que as barras sejam 1 - Crítica, 2 - Alta e assim por diante.
      2. Escolha Crescente para a ordem de classificação.
        As barras são ordenadas com 1 - Crítico na parte superior, seguido por 2 - Alto, 3 - Moderado e assim por diante.Relatório de barras horizontais classificado por nome em ordem crescente
    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. 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. 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 X o título Incidentes abertos, mas essas informações já estão no título da visualização, portanto, deixe em branco.
      2. Mantenha o padrão de 0 para o valor De do intervalo do eixo.
        Há casos em que um valor maior faz sentido, mas o lado negativo é que os tamanhos relativos das barras se tornam menos precisos e podem ser enganosos.
      3. Mantenha o valor padrão vazio para o valor Para do intervalo do eixo.
        Quando este valor está vazio, o valor mais alto no intervalo é o mesmo que o valor mais alto da maior barra na visualização. Neste exemplo, esse valor é 17.
      4. 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 Sem linhas de escala porque elas estendem a grade, que é mostrada.
        Visualização de barra horizontal com opções do eixo X
    9. Configure o eixo Y.
      A configuração do eixo Y 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 Y o título Prioridade, 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.
      3. 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.
      4. Desmarque a opção Encapsular rótulos.
        Ao alterar o tipo de truncamento, você pode ver que Término substitui as extremidades dos rótulos mais longos por três pontos. Selecione Iniciar e os três pontos substituirão a primeira parte dos rótulos mais longos. E o mesmo acontece quando você seleciona o meio.Animação mostrando as opções do eixo Y
    10. Configure a legenda da visualização.
      A legenda fornece exemplos da codificação de cores para cada valor no eixo Y. 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. Nesse caso, 17 é adicionado a 1 - Incidentes críticos porque esse é o número de incidentes críticos existentes. Como alternativa, você pode escolher Mostrar rótulos de dados (na seção Rótulo de dados) para colocar este valor 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 as cinco prioridades de incidente. 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.
    11. Adicione um Agrupar por adicional para fornecer mais informações na visualização.
      Lembre-se de que você nomeou esta visualização como Número de incidentes em aberto - Prioridade e Grupo de atribuição. Adicione o grupo de atribuição.
      1. Em Agrupar por, selecione + Adicionar, escolha Grupo de atribuiçãoe selecione Aplicar.
        Agrupar por opção adicional com o Grupo de atribuição selecionado.
      2. Mostre os rótulos de dados no meio.
        Com o agrupamento adicional por, você tem valores empilhados: Grupo de atribuição acima de Prioridade. Você pode optar por mostrar o valor dos dados como o número individual de incidentes por grupo de atribuição, como um valor cumulativo (cada segmento adicionado ao valor anterior) ou simplesmente mostrar o total. Escolha Individual para mostrar o valor de cada segmento.
      3. Oculte o Eixo X.
        Como você adicionou os valores a cada segmento, os valores no eixo são redundantes.
        Incidentes agrupados por prioridade e grupo de atribuição com rótulos de dados em cada segmento
    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, Azul Claro a Escuro.
        Incidentes críticos abertos com paleta azul aplicada
      • O elemento fixo 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 horizontal agrupada em dois campos. Você também configurou a rotulagem, a legenda e os intervalos da visualização.