---
sourceDocument: Yokohama Platform Analytics
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/pt-BR/yokohama/now-intelligence

 Release :

    - yokohama

ft:locale :

    - pt-BR

ft:publication_title :

    - Yokohama Platform Analytics

ft:clusterId :

    - par

bundleId :

    - par

workflow :

    - Platform


---

# Visualizações de barra horizontal e vertical

# Crie uma visualização de barra no Designer de visualizações {#ariaid-title1}

* Versão de lançamento: Yokohama
* 
* Atualizado 30 de jan. de 2025
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 9 min. de leitura

Use visualizações de barra para mostrar informações em segmentos proporcionais aos valores que representam. As visualizações de barra vertical e barra horizontal comparam valores numéricos que representam dados nominais ou ordinais.

## Antes de Iniciar

Função necessária: Qualquer pessoa com acesso a dados pode criar uma visualização desses dados em um painel próprio. 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_view](https://servicenow-prod.fluidtopics.net/ceSkHsaf3zaOKvfCNWzg0g "A operação report_view é uma lista de controle de acesso (ACL) do tipo registro que restringe o acesso aos relatórios. Somente usuários com uma das funções necessárias podem exibir relatórios que contenham o recurso restrito.")e. [Funções de Análise da plataforma](https://servicenow-prod.fluidtopics.net/E1z2xivD9wNqtDDnV~ps_w "Análise da plataforma tem funções exclusivas e funções de outras aplicações que se aplicam a ele.").

Para obter mais informações sobre este tipo de visualização, consulte [Visão geral da visualização da barra](https://developer.servicenow.com/dev.do#!/reference/now-experience/xanadu/shared-components/now-vis-bar-wrapper/overview)em ServiceNow Site do desenvolvedor. Este site fornece informações sobre componentes de visualização de dados de barras horizontais e verticais no Construtor de IUE algumas opções de configuração podem ser diferentes do Designer de visualização.

## Por Que e Quando Desempenhar Esta Tarefa

Em geral, use barras horizontais para criar gráficos de dados nominais, como o número de usuários em cada grupo de atribuição. Use barras verticais para criar gráficos de dados ordinais, como o número de incidentes em aberto em diferentes buckets de idade. Para obter informações sobre o uso de uma visualização de barra em um painel, consulte [o Site do desenvolvedor.](https://developer.servicenow.com/dev.do#!/reference/now-experience/xanadu/shared-components/now-vis-bar-wrapper/usage)

## Procedimento

1. Navegar até TudoAnálise da plataformaBibliotecaVisualizações de dados. {#create-dv-bar-ac__ph_yvn_xvt_4tb}
2. Selecione Novo . {#create-dv-bar-ac__ph_mdy_zvt_4tb}
3. Selecione a barra horizontal ( ![Ícone da barra horizontal]()ou barra vertical ( ![ícone de barra vertical]()) tipo de visualização.
4. Configure o. Cabeçalho e borda . As opções de cabeçalho e borda são as mesmas para todas as fontes de dados.  
   {#create-dv-bar-ac__table_ly5_djk_c5b__entry__2}{#create-dv-bar-ac__ac-dv-showheader}{#create-dv-bar-ac__ac-dv-showheadersep}{#create-dv-bar-ac__ac-dv-charttitle}{#create-dv-bar-ac__ac-dv-chartdesc}{#create-dv-bar-ac__ac-dv-wraptitle}{#create-dv-bar-ac__ac-dv-wraplabels}{#create-dv-bar-ac__ac-dv-maxlabelsize}{#create-dv-bar-ac__ac-dv-truncationtype}{#create-dv-bar-ac__ac-dv-showborder}{#create-dv-bar-ac__ac-dv-bare}

   | Campos de cabeçalho e borda | Descrição |
   |-|-|
   | Mostrar cabeçalho | O cabeçalho de visualização, incluindo título e ícones. |
   | Mostrar separador de cabeçalho | Opção para exibir uma linha que separa o cabeçalho do restante do componente. |
   | Título do Gráfico | Título da visualização. |
   | Descrição | Uma breve visão geral sobre a visualização que o usuário final vê. |
   | Encapsular título | Opção para encapsular títulos longos em uma segunda linha. Se falso, exibe reticências para truncar títulos longos. |
   | Encapsular rótulos | Selecione para quebrar rótulos de elementos longos no eixo. |
   | Tamanho máximo do rótulo, px | Especifique o tamanho máximo do rótulo para nomes de elementos no eixo. O padrão é 100 px. |
   | Tipo de truncamento | Especifique onde truncar rótulos longos com reticências. As opções são Início, Meio e Término. |
   | Mostrar borda | Opção para exibir uma linha ao redor do componente. |
   | Simples | Opção para remover o preenchimento ao redor da visualização de dados para fornecer um posicionamento mais compacto na página. Disponível somente quando Mostrar borda está desativado. |
   [ ]

   {#create-dv-bar-ac__table_ly5_djk_c5b} {#create-dv-bar-ac__ph_m1w_vwt_4tb}
5. Escolha uma fonte de dados.  
   Para obter descrições gerais das fontes de dados, consulte [Fontes de dados para visualizações de dados](https://servicenow-prod.fluidtopics.net/ph~T3wTsCx3bopP3HWkD_Q "Cada visualização de dados do espaço faz referência a uma fonte de dados específica.").
   * Tabela (disponível em sistema base). Ao selecionar uma tabela, você pode filtrá-la por condições. {#create-dv-bar-ac__table-data-source}

     As origens de relatório configuradas aparecem em Condições predefinidas lista. Para obter mais informações, consulte [Origens do relatório](https://servicenow-prod.fluidtopics.net/ulhgKbcbwGat~tkzhc7fzw#c_ReportSources "As origens de relatório são conjuntos de dados predefinidos para criar relatórios.").  
     Para ajudar você a criar um filtro personalizado, há uma lista de visualização de registros que seriam incluídos na visualização. Você pode mudar quais campos são mostrados como colunas e a largura das colunas nas ações da lista.  

   * Indicador (disponível em sistema base). Ao selecionar um indicador como fonte de dados, você pode selecionar um detalhamento e um ou vários elementos para filtrar os resultados. Se um filtro de elemento estiver definido na origem de detalhamento, esse filtro de elemento estará disponível no campo Elementos. No entanto, as visualizações de dados são compatíveis com filtros de elemento somente para indicadores automatizados com agregações Contar, Minimizar ou Maximizar. Para obter mais informações, consulte [Filtros de elemento](https://servicenow-prod.fluidtopics.net/AnglHmv8Y1alf0DiPV5kgA#c_BreakdownElementFilters "Os filtros de elemento permitem que você especifique ou limite os elementos de detalhamento exibidos nas visualizações.").
   * Análise da experiência do usuário (Disponível com a aplicação Integração PAR de experiência do usuário para usuários com uma função necessária). Escolha um de até três KPIs incluídos nesta aplicação, dependendo do tipo de visualização. Para obter mais informações, consulte [Fontes de dados da Análise de experiência do usuário para visualizações de dados](https://servicenow-prod.fluidtopics.net/YRDDam3RRfbqPKD75jo2mg "Você pode mostrar métricas relacionadas a. Análise da experiência do usuárioem um componente de visualização de dados. As métricas disponíveis dependem do tipo de visualização.").

   {#create-dv-bar-ac__choices_x24_4jy_g5b}  
   Nota:  
   * Dependendo do tipo de visualização, você poderá escolher várias fontes de dados. No entanto, todas as fontes de dados devem ser do mesmo tipo.
   * Você pode optar por adicionar uma fonte de dados manualmente em JSON. No entanto, este método destina-se apenas a especialistas.
   {#create-dv-bar-ac__ul_axf_tms_bdc}
6. Selecione as opções para sua fonte de dados.  
   * Se a visualização representar dados da tabela, acesse [Opções de dados de tabela para visualizações de barras horizontais e verticais](https://servicenow-prod.fluidtopics.net/5IxzB73q33VaqnWdyBKz_A "Quando você seleciona uma fonte de dados de tabela para uma visualização de barra horizontal ou vertical, as seguintes opções de configuração de dados estão disponíveis.").
   * Se a visualização representar dados do indicador, acesse [Opções de dados do indicador para visualizações de barra horizontal e vertical](https://servicenow-prod.fluidtopics.net/UWqecvo9iEST7uda01I6Gg "Quando você seleciona uma fonte de dados de indicador para uma visualização de barra horizontal ou vertical, as seguintes opções de configuração de dados estão disponíveis.").
   * Se sua visualização representar Análise da experiência do usuáriodados, acesse [Análise da experiência do usuário opções de dados para visualizações da barra](https://servicenow-prod.fluidtopics.net/~jQ8KgNBhu4U40uffDP0Qw "Quando você seleciona um Análise da experiência do usuárioPara uma visualização de barra horizontal ou vertical, as seguintes opções de configuração de dados estão disponíveis.").
   {#create-dv-bar-ac__ul_zcw_w5s_qtb}
7. Em Apresentação , forneça informações de exibição e cor.  
   Nota:  
   Para visualizações de barra horizontal, o eixo X é o primário. Para visualizações de barra vertical, o eixo Y é primário.
   {#create-dv-bar-ac__table_gvk_2mr_qtb__entry__2}{#create-dv-bar-ac__chart-colors}

   | Campo | Descrição |
   |-|-|
   | Configurações de exibição ||
   | Mostrar apenas um ponto de dados na dica da ferramenta | Quando ativada, a dica de ferramenta mostra somente o ponto de dados que está sendo passado. Quando desativada, a dica de ferramenta mostra todos os pontos de dados. Padrão: Desativado, exceto quando o zoom é 400%, que o ativa automaticamente. |
   | Mostrar tabela de dados | Mostra uma tabela com dados de gráficos para facilitar o acesso do leitor de tela. Os dados incluem a porcentagem do total de cada valor, quando apropriado. |
   | Eixos X e Y (Algumas opções só estão disponíveis no eixo primário ou secundário. Em visualizações de barra horizontal, o eixo X é primário. Em visualizações de barra vertical, o eixo Y é primário.) ||
   | Ocultar eixo | Opção para ocultar o eixo primário. |
   | Título do eixo | Título a ser exibido no eixo X ou Y. |
   | Intervalo do eixo - de | Ponto de partida para os valores no eixo primário. |
   | Intervalo do eixo - até | Endpoint para os valores no eixo primário. |
   | Posição do eixo | Posição do eixo primário. As opções incluem: * Esquerda * Direita {#create-dv-bar-ac__ul_gmm_jqs_2rb} Esta propriedade se aplica somente quando Ocultar eixo é falso. Se houver mais de um eixo primário, como vários eixos Y em uma visualização de barra vertical, você poderá definir a posição de cada eixo separadamente. |
   | Mostrar grade | Mostra uma grade de linhas finas perpendiculares ao eixo primário para ajudar a alinhar valores em relação a esse eixo. |
   | Estilo de eixo | Estilo do eixo primário. * Limpo `limpo `: Adiciona uma linha reta ao eixo primário. * Sem linhas de marcação `Sem ticks `: Opção para remover todas as marcas do eixo primário. * Padrão `padrão `: Adiciona uma linha e marcas de escala ao eixo primário. {#create-dv-bar-ac__ul_nnr_pqs_2rb} |
   | Encapsular rótulos | Enrole rótulos longos no eixo secundário. |
   | Tamanho máximo do rótulo, px. | O comprimento em pixels no qual o rótulo do eixo secundário é encapsulado ou truncado. |
   | Tipo de truncamento | Determina onde truncar rótulos longos para o eixo secundário. As opções incluem: * Iniciar `iniciar ` * Meio `meio ` * Fim `fim ` {#create-dv-bar-ac__ul_m3v_jqq_brb} |
   | Legenda ||
   | Mostrar legenda | Opção para exibir a legenda. Ativado automaticamente com zoom de 400%. |
   | Mostrar valor de legenda | Opção para exibir o valor correspondente à área do gráfico em que você passa o mouse. O valor é exibido como uma dica de ferramenta e na legenda do gráfico. |
   | Posição da legenda | Local da legenda em relação ao gráfico: Acima, abaixo, à direita ou à esquerda |
   | Alinhamento horizontal | Alinhamento horizontal de elementos na legenda: Início, Centro ou Fim |
   | Largura máxima do item da legenda, px | Número de pixels após os quais o item na legenda é truncado. |
   | Expandir legenda verticalmente | Quando ativado, o conteúdo da legenda ocupa o espaço necessário para caber na legenda sem rolar, em vez do máximo de 2 linhas. |
   | Rótulo de dados ||
   | Mostrar rótulos de dados | Opção para exibir a pontuação de cada ponto de dados. |
   | Cores ||
   | Definir tipo de cor | Tipo de esquema de cores a ser aplicado ao componente. As opções incluem: * Padrão: Uma cor ou conjunto de cores que vêm do Tema de UX aplicado à instância. Para obter mais informações, consulte [Working with themes in Next Experience](https://www.servicenow.com/docs/access?context=next-experience-theming&version=yokohama&pubname=yokohama-platform-user-interface&ft:locale=en-US).{#create-dv-bar-ac__default-color} {#create-dv-bar-ac__default-color} * Paleta de cores: Lista de paletas de cores para selecionar a partir de paletas do sistema predefinidas na tabela Esquema de cores do gráfico \[pa_chart_color_schemes\]. Para dados agrupados ou empilhados, as cores se aplicam na ordem do valor mais alto para o mais baixo. Para várias fontes de dados, as cores da paleta se aplicam na ordem das fontes de dados. Por exemplo, a primeira cor de uma paleta se aplica à primeira fonte de dados e a segunda cor da paleta se aplica à segunda fonte. Todas as visualizações que usam a mesma paleta de cores mostram as mesmas cores, independentemente dos dados exibidos.{#create-dv-bar-ac__color-palette} {#create-dv-bar-ac__color-palette} * Cor/cores únicas por métrica: Selecione uma única cor no Defina a cor do valor campo. A interação com esse campo abre um seletor onde você pode escolher a cor de um conjunto de ícones ou de uma lista. Você também pode pesquisar uma cor. A inserção de um valor de pesquisa faz com que o seletor mostre uma lista de cores filtradas por esse valor de pesquisa. Se a visualização tiver mais de uma métrica, você verá a opção Cores por métrica. Esta opção permite selecionar uma única cor para cada métrica.{#create-dv-bar-ac__ph_color-per-metric} Como alternativa, você pode adicionar uma regra para definir uma cor dinâmica. Para obter mais informações, consulte [Crie regras de coloração para visualizações de dados](https://servicenow-prod.fluidtopics.net/mRYEBjHU3rTHBRKyDvu9Cg#dv-coloring-rules "Configure regras para como os valores numéricos são exibidos para destacar facilmente por que um valor é importante."). {#create-dv-bar-ac__p_select-color} {#create-dv-bar-ac__single-color} * Cor do elemento fixo: Use uma cor específica da tabela Cores do gráfico \[sys_report_chart_color\] para cada elemento. Todas as visualizações de dados que usam cores de elemento fixo mostram o mesmo elemento, como incidentes críticos no escopo global, na mesma cor. Esta opção estará disponível somente para fontes de dados de tabela e somente se não mais de uma fonte de dados ou métrica for adicionada e um Agrupar por for definido. {#create-dv-bar-ac__fixed-element-color} {#create-dv-bar-ac__fixed-element-color} {#create-dv-bar-ac__ul_vr5_rby_drb} |
   [ ]

   {#create-dv-bar-ac__table_gvk_2mr_qtb}
8. Em Interação do gráfico , defina o que acontece se algo acontecer quando um visualizador clica em um gráfico ou em um segmento de gráfico na visualização.  
   {#create-dv-bar-ac__table_qnp_d2d_b1c__entry__2}

   | Campo | Descrição |
   |-|-|
   | Permitir interação do gráfico | Permita que um evento ocorra quando um usuário clica em um gráfico ou em um de seus segmentos. |
   | Ação | Escolha o evento que ocorre quando um usuário clica em um gráfico ou em um de seus segmentos. As opções dependem do tipo de visualização e da fonte de dados. Aplica-se somente quando Permitir interação de gráfico está ativado. Para obter mais informações, consulte [Gráficos de interações em uma visualização de dados](https://servicenow-prod.fluidtopics.net/_h~xts65jHg36JAsMsq8ug "Você pode definir o que ocorre quando um usuário interage com um gráfico, por exemplo, selecionando uma coluna de barra. As possibilidades incluem navegar até um URL, abrir outra visualização de dados e filtrar todas as visualizações no painel pelo valor selecionado."). * Vá para a exibição de dados Abre a exibição de registros em uma lista de IU principal ou Detalhes de KPIrelevante para o segmento ou visualização associado. Os registros não são abertos nas listas incorporadas do espaço. Não compatível com Análise da experiência do usuáriofontes de dados. * Ir para o URL Abre o URL especificado, que pode estar na instância ou externo. Você tem a opção de especificar um nome de página para aparecer na dica de ferramenta para essas visualizações com dicas de ferramenta. * Aplicar como filtro filtra todas as visualizações de dados no painel pelo valor do segmento selecionado, quando aplicável. Nota: Aplicar como filtro está disponível somente para fontes de dados de tabela e indicador. Não funciona quando o campo Agrupar por é um campo de duração. * Detalhar até o gráfico ( Designer de visualizações(Somente) Abre uma visualização de dados diferente que é filtrada pelos dados selecionados. Você pode adicionar uma visualização de detalhamento para cada métrica na visualização primária. Nota: O último nível de detalhamento na experiência de Análise da plataforma é sempre uma lista de IU principal. Os registros não são abertos nas listas incorporadas do espaço. Detalhar até o gráfico compatível somente com fontes de dados de tabela. |
   [ ]

   {#create-dv-bar-ac__table_qnp_d2d_b1c}
9. Selecione Salvar.  
   Navegar até TudoAnálise da plataformaBibliotecaVisualizações de dados Para retornar à lista Visualização de dados.
{#create-dv-bar-ac__steps_gj3_4ry_5r}

## O que Fazer Depois

* [Adicione uma visualização a um painel do Designer de visualizações](https://servicenow-prod.fluidtopics.net/6B3hFlMAZ_s7Mhtz8FgvCQ "Adicione uma visualização do Designer de visualizaçõespara um novo painel ou para um painel existente.")
* [Compartilhar uma visualização de dados no Designer de visualizações](https://servicenow-prod.fluidtopics.net/ff4aIy~ErjZTOezMyMIEjQ#share-dv-ac "Compartilhe uma visualização para fornecer permissões de exibição ou edição para usuários, grupos ou funções. Um usuário pode acessar uma visualização compartilhada em qualquer espaço na instância original.")
* [Marque uma visualização no Designer de visualizações](https://servicenow-prod.fluidtopics.net/Ac0ruvDKZiR7ExkPIfNr2w "Marque uma visualização para que você possa encontrá-la facilmente na biblioteca de visualizações de dados.")
{#create-dv-bar-ac__ul_bz5_byk_qtb}
* **[Opções de dados de tabela para visualizações de barras horizontais e verticais](https://servicenow-prod.fluidtopics.net/5IxzB73q33VaqnWdyBKz_A)**   
  Quando você seleciona uma fonte de dados de tabela para uma visualização de barra horizontal ou vertical, as seguintes opções de configuração de dados estão disponíveis.
* **[Opções de dados do indicador para visualizações de barra horizontal e vertical](https://servicenow-prod.fluidtopics.net/UWqecvo9iEST7uda01I6Gg)**   
  Quando você seleciona uma fonte de dados de indicador para uma visualização de barra horizontal ou vertical, as seguintes opções de configuração de dados estão disponíveis.
* **[Análise da experiência do usuário opções de dados para visualizações da barra](https://servicenow-prod.fluidtopics.net/~jQ8KgNBhu4U40uffDP0Qw)**   
  Quando você seleciona um Análise da experiência do usuárioPara uma visualização de barra horizontal ou vertical, as seguintes opções de configuração de dados estão disponíveis.
* **[Seguintes filtros por métrica](https://servicenow-prod.fluidtopics.net/KUimAu7T4ZhALzyTEH_k7A)**   
  Se você estiver mostrando várias métricas em uma visualização de barra horizontal ou vertical, poderá fazer com que os filtros em um painel se apliquem somente a métricas específicas.
* **[Exemplos de visualização da barra](https://servicenow-prod.fluidtopics.net/4aMJ9yasui1WNXQc4xOjNw)**   
  As visualizações da barra 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.