Adicionar um evento de detalhamento a uma visualização de dados em um painel técnico

  • Versão de lançamento: Yokohama
  • Atualizado 30 de jan. de 2025
  • 4 min. de leitura
  • Os painéis técnicos não são compatíveis com destinos pré-configurados para detalhamento de uma visualização de dados. Se você quiser que um visualizador abra uma exibição mais detalhada dos dados ao interagir com uma visualização, configure um evento de detalhamento personalizado.

    Antes de Iniciar

    Este procedimento pressupõe que você já criou um painel técnico e o preencheu com um componente de visualização de dados.

    Função necessária: ui_builder_admin, direitos para editar um painel técnico

    Procedimento

    1. Navegar até Tudo > Análise da plataforma > Biblioteca > Painéis.
    2. Localize e abra o painel técnico desejado.
    3. Selecione Editar no Construtor de IU.
    4. Em Construtor de IU, selecione a visualização de dados desejada no painel.
    5. No painel de configuração da visualização de dados, abra a guia Eventos.
    6. Selecione + Adicionar mapeamento de evento.
      A caixa de diálogo Selecionar um evento é aberta.
      A caixa de diálogo Selecionar um evento em uma visualização de dados.
    7. Selecione o evento Visualização clicada.
      Uma caixa de diálogo é aberta com uma lista de manipuladores de eventos disponíveis.
    8. Selecione o manipulador de eventos Painéis avançados - Redirecionar.
      Os campos de configuração deste manipulador de eventos são exibidos.
      Caixa de diálogo para configurar os Painéis avançados - Redirecionar manipulador de eventos.
    9. Configure o manipulador de eventos da seguinte forma.
      Campo Descrição
      Contexto O caminho da experiência em que a página de destino reside.
      Rotear O nome da rota da página de destino.
      Campos de rota Parâmetros necessários para a página de destino.
      Parâmetros opcionais Parâmetros opcionais para a página de destino.
    10. Selecione Adicionar.

    Detalhamento de uma fonte de dados da tabela

    Você tem uma visualização de dados vertical que mostra o número de registros na tabela Incidente [incident] agrupados por Prioridade. Quando um visualizador interage com esta visualização, você deseja que ele abra uma lista de registros de incidentes na experiência Análise da plataforma.

    1. Você segue as etapas 1 a 8 no procedimento geral e agora tem a configuração aberta para Painéis avançados - Redirecionar manipulador de eventos para a visualização da barra vertical.
    2. No campo Contexto, selecione Editar.
      O controle Editar no campo Contexto.
    3. Na caixa de diálogo de edição, selecione o tipo de objeto JSON.
      Selecionar o tipo de objeto JSON para o Contexto.
    4. Selecione Adicionar propriedade e insira o caminho como o nome da propriedade e now/platform-analytics-workspace como o valor da propriedade. Esses valores especificam que o visualizador detalha a experiência Análise da plataforma.
      Definir o valor do contexto.
    5. Você seleciona Aplicar e passa para o próximo campo.
    6. No campo Rota, insira simplelist. Esta rota leva à página de lista simples na experiência de Análise da plataforma.
    7. Para os campos de rota, primeiro você escolhe vincular dados. Selecionando para vincular dados.
    8. Em seguida, você adiciona a propriedade {table: @payload.params.table} ao campo. Esta propriedade passa o nome da tabela em sua visualização para a página de lista simples da experiência Análise da plataforma.
      1. Você seleciona a propriedade de carga do evento @payload.params.table.
        Selecionar a propriedade payload.params.table no editor de vinculação de dados.
      2. Clique duas vezes, arraste e solte ou selecione a seta para adicionar a propriedade à área superior do editor.
      3. Clique duas vezes na propriedade na área superior do editor para abri-la para edição.
        Clique duas vezes na cápsula de propriedade para abri-la para edição.
      4. Coloque a propriedade @payload.params.tableentre chaves e adicione a propriedade table:.
        Preenchendo a propriedade da tabela.
      5. Você seleciona Aplicar.
    9. Da mesma forma, você opta por vincular dados ao campo Parâmetros opcionais e definir os valores {query: @payload.params.query, listTitle: @payload.title}.
      1. No campo Parâmetros opcionais, adicione {query: @payload.params.query} como você fez para {table: @payload.params.table}, mas não selecione Aplicar.
      2. Selecione o botão Adicionar outra entrada (+).
      3. Adicione listTitle: @payload.title entre chaves.
        Adicionando uma segunda propriedade opcional.
      4. Você seleciona Aplicar.
    As propriedades dos Painéis avançados - Redirecionar manipulador de eventos agora aparecem da seguinte forma:
    Campo Valor
    Contexto {path:now/platform-analytics-workspace}
    Rotear simplelist
    Campos de rota {table:@payload.params.table}
    Parâmetros opcionais {consulta:@payload.params.query, listTitle:@payload.title}
    No tempo de execução, um usuário pode interagir com a visualização para abrir uma lista de registros de incidentes.
    Abrindo uma lista de registros de incidentes clicando em uma visualização de pontuação única em um painel técnico.

    Detalhamento para uma fonte de dados do indicador

    Você tem uma visualização de dados de linha para o indicador Número de incidentes em aberto. Quando um visualizador interage com esta visualização, você deseja que ele abra a página Detalhes de KPI para esse indicador.

    1. Repita as etapas 1 a 5 do exemplo de fonte de dados Tabela, porque também neste caso você está fazendo o detalhamento de uma página na experiência Análise da plataforma.
    2. Para a Rota, você insere ac_kpi_details.
    3. Para os campos de Rota, você primeiro escolhe vincular dados Selecionando para vincular dados.. Em seguida, insira {uuid: @payload.params.indicatorSysid}. Este parâmetro passa o ID do indicador, neste caso, Número de incidentes em aberto, para a página Análise da plataforma de experiência Detalhes de KPI.
      Dica:
      Primeiro, use o preenchimento automático para adicionar o parâmetro de dados @payload.params.indicatorSyside, em seguida, coloque esse parâmetro entre colchetes e adicione o UUID:.
      As propriedades dos Painéis avançados - Redirecionar manipulador de eventos agora aparecem da seguinte forma:
      Campo Valor
      Contexto {"path":"now/platform-analytics-workspace"}
      Rotear detalhes_ac_kpi
      Campos de rota {uuid:@payload.params.indicatorSysid}
    4. Nenhum outro parâmetro é necessário, então você seleciona Adicionar e, em seguida, Salvar a página Construtor de IU.
    No tempo de execução, um visualizador pode interagir com a visualização para abrir Detalhes de KPI para o indicador Número de incidentes em aberto.
    Abrindo Detalhes de KPI clicando em uma visualização de linha em um painel técnico.