Criar uma visualização de pizza ou rosca no Designer de visualizações

  • Versão de lançamento: Yokohama
  • Atualizado 30 de jan. de 2025
  • 7 min. de leitura
  • Use visualizações de pizza, rosca e semi-rosca para comparar o tamanho das partes de um conjunto de dados com o todo. Os segmentos desses gráficos devem totalizar 100%.

    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.

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

    Por Que e Quando Desempenhar Esta Tarefa

    Para obter informações sobre o uso de uma visualização de pizza, rosca ou semi-rosca em um painel, consulte o Site do desenvolvedor. Este site fornece informações sobre componentes de visualização de dados de pizza e rosca no Construtor de IU, e algumas opções de configuração podem ser diferentes do Designer de visualizações.

    Procedimento

    1. Navegar até Tudo > Análise da plataforma > Biblioteca > Visualizações de dados.
    2. Selecione Novo.
    3. Selecione o tipo de visualização de pizza ( ícone de visualização de pizza), rosca (ícone de rosca) ou semi-rosca (Ícone de semi-donut de visualização de dados).
    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 Origens 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.
        Visualize a lista de registros para visualização de dados de origem da tabela com ações de lista mostradas.
      • 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. Para obter mais informações, consulte Filtros de elemento.
      • 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 de dados.
      Nota:
      • Dependendo do tipo de visualização, você pode 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 é destinado somente a especialistas.
    6. Selecione as opções para sua fonte de dados.
    7. Em Apresentação, insira informações de exibição e cor.
      Campo Descrição

      Configurações de exibição

      Mostrar tabela de dados Mostra uma tabela com dados de gráficos e diagramas para facilitar o acesso do leitor de tela. Os dados incluem a porcentagem do total de cada valor, quando apropriado.

      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
      Orientação da legenda Opções de como exibir o registro.
      • Horizontal horizontal: opção para exibir a legenda horizontalmente.
      • Vertical vertical: opção para exibir a legenda verticalmente em até cinco linhas.

      Esta propriedade se aplica somente quando a posição da legenda é Abaixo.

      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 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.
      Tabela 1. Interação do gráfico
      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 (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 integradas do espaço.

        O detalhamento no gráfico é compatível somente com fontes de dados de tabela.

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

    O que Fazer Depois