Criar uma visualização de barra no Designer de visualizações

Use visualizações de barras para mostrar informações em segmentos que são 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: Com qualquer função interna, você pode criar uma visualização de dados a partir de um painel. Para criar uma visualização no Designer de visualizações e salvar suas visualizações na Biblioteca de visualizações, você precisa da função viz_creator, viz_admin ou admin. Para criar uma visualização significativa, você deve ter o direito de acessar os dados que deseja relatar. Para obter mais informações sobre acesso, consulte Controle de acesso Report_view.

Para obter mais informações sobre esse tipo de visualização, consulte Visão geral da visualização de barras no ServiceNow Site do desenvolvedor.

Por Que e Quando Desempenhar Esta Tarefa

Em geral, use barras horizontais para representar graficamente dados nominais, como o número de usuários em cada grupo de atribuição. Use barras verticais para representar graficamente dados ordinais, como o número de incidentes em aberto em diferentes intervalos de idade. Para obter informações sobre o uso de uma visualização de barra em um painel, consulte o Site do desenvolvedor.

Procedimento

1. Navegar até Todos > Análise da plataforma > Biblioteca > Visualizações de dados.
2. Selecione Novo.
3. Selecione o tipo de visualização barra horizontal () ou barra vertical ().
4. Configure o cabeçalho e a borda. As opções de cabeçalho e borda são as mesmas para todas as fontes de dados.

   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 visão geral resumida sobre a visualização que o usuário final vê.
   Encapsular título	Opção para quebrar títulos longos em uma segunda linha. Se falso, exibirá reticências para truncar títulos longos.
   Encapsular rótulos	Selecione para encapsular 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 elemento no eixo. 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 Fim.
   Mostrar borda	Opção para exibir uma linha ao redor do componente.
   Simples	Opção para remover o preenchimento em torno da visualização de dados para fornecer um posicionamento mais compacto na página. Disponível somente quando Mostrar borda está desativado.

5. Escolha uma fonte de dados.
   Para obter descrições gerais das fontes de dados, consulte Fontes de dados para visualizações de dados.

   • Tabela (disponível no sistema base). Ao selecionar uma tabela, você pode filtrá-la por condições.

     As fontes de relatório configuradas aparecem na lista de Condições predefinidas. Para obter mais informações, consulte Fontes do relatório.

     Para ajudá-lo 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 de lista.
     
     
   • Indicador (disponível no 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 de elementos. No entanto, as visualizações de dados oferecem suporte a filtros de elemento somente para indicadores automatizados com as agregações Contar, Minimizar ou Maximizar.
   • Análise da experiência do usuário (disponível com a aplicação User Experience PAR Integration, para usuários que tenham uma das funções exigidas). Escolha um dos três KPIs incluídos com esta aplicação, dependendo do tipo de visualização. Para obter mais informações, consulte Fontes de dados da Análise da experiência do usuário para visualizações.
   Nota:

   Você pode optar por adicionar uma fonte de dados manualmente em JSON. No entanto, este método é destinado somente a especialistas.
6. Selecione as opções para sua fonte de dados.
   • Se a sua visualização representa dados da tabela, vá para Opções de dados da tabela para visualizações de barras.
   • Se a sua visualização representa dados do indicador, vá para Opções de dados do indicador para visualizações de barras.
   • Se sua visualização representa Análise da experiência do usuário dados, vá para Análise da experiência do usuário opções de dados para visualizações de barras.
7. Em Apresentação, insira informações de exibição e cor.
   Nota:

   Para visualizações de barra horizontal, o eixo X é o primário. Para visualizações de barras verticais, o eixo Y é primário.

   Campo	Descrição
   Configurações de exibição
   Mostrar apenas um ponto de dados na dica da ferramenta	Quando ativada, a dica da ferramenta mostra somente o ponto de dados sobre o qual o mouse está sendo direcionado. Quando desativada, a dica da ferramenta mostra todos os pontos de dados. Padrão: desativado, exceto quando o zoom é de 400%, que o ativa automaticamente.
   Mostrar tabela de dados	Mostra uma tabela com dados 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 barras verticais, o eixo Y é primário.) Nota: Se você tiver a aplicação Visualizações de dados mais recente instalada a partir do ServiceNow Store, terá a opção de ocultar os eixos X e Y em qualquer visualização de barra.
   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 dos valores no eixo primário.
   Posição do eixo	Posição do eixo primário. As opções incluem: Esquerda Direita 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 bem verticais ao eixo primário para ajudar a alinhar os valores em relação a esse eixo.
   Estilo de eixo	Estilo do eixo primário. Limpar limpo: adiciona uma linha reta ao eixo primário. Sem linhas de escala noTicks: 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.
   Encapsular rótulos	Encapsular 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: Início início Meio meio Término fim
   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 o qual 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 rolagem, 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 um conjunto de cores provenientes do tema de UX aplicado à instância. Para obter mais informações, consulte Working with themes in Next Experience. Paleta de cores: lista de paletas de cores a serem selecionadas nas paletas predefinidas do sistema, na tabela Esquema de cores do gráfico [pa_chart_color_schemes]. Para dados agrupados ou empilhados, as cores são aplicadas do maior valor para o menor. No caso de múltiplas fontes de dados, as cores da paleta são aplicadas na ordem das fontes de dados. Por exemplo, a primeira cor de uma paleta é aplicada à primeira fonte de dados, e a segunda cor da paleta é aplicada à segunda fonte de dados. Todas as visualizações que usam a mesma paleta de cores mostram as mesmas cores, independentemente de quais dados elas exibem. Cor única/Cores por métrica: selecione uma única cor no campo Definir cor do valor. Interagir com esse campo abre um seletor no qual você pode escolher a cor em um conjunto de ícones ou em uma lista. Você também pode pesquisar uma cor. Inserir 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. Como alternativa, você pode adicionar uma regra para definir uma cor dinâmica. Para obter mais informações, consulte Criar regras de coloração para visualizações de dados. Cor de elemento fixa: 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 fixas 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, apenas se for adicionada no máximo uma fonte de dados ou uma métrica e se um valor Agrupar por for definido.

8. Em Interação de gráfico, defina o que acontecerá se algo acontecer quando um visualizador clicar em um gráfico ou em um segmento de gráfico na visualização.

   Campo	Descrição
   Permitir interação do gráfico	Habilite a ocorrência de um evento quando um usuário clicar 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 escolhas dependem do tipo de visualização e da fonte de dados. Aplica-se somente quando a opção Permitir interação do gráfico está ativada. Para obter mais informações, consulte Interações de gráfico em uma visualização de dados. Ir para a exibição de dados abre a exibição de registros em uma lista da IU principal ou Detalhes de KPI relevante para o segmento ou visualização associada. Os registros não são abertos nas listas integradas do espaço. Não compatível com Análise da experiência do usuário fontes de dados. Ir para a URL abre a URL especificada, que pode estar na instância ou externa. Você tem a opção de especificar um nome de página a ser exibido na dica de ferramenta, para essas visualizações com dicas de ferramentas. 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 no gráfico (somente Designer de visualizações) 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 integradas do espaço. O detalhamento no gráfico é compatível somente com fontes de dados de tabela.

9. Selecione Salvar.
   Navegar até Todos > Análise da plataforma > Biblioteca > Visualizações de dados para retornar à lista Visualização de dados.

O que Fazer Depois

• Adicionar uma visualização a um painel do Designer de visualizações
• Compartilhar uma visualização no Designer de visualizações
• Marcar uma visualização como favorita no Designer de visualizações