Adicionar um evento de detalhamento a uma visualização de dados em um painel técnico
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
Função necessária: ui_builder_admin, direitos para editar um painel técnico
Procedimento
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.
- 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.
- No campo Contexto, selecione Editar.
- Na caixa de diálogo de edição, selecione o tipo de objeto JSON.
- 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.
- Você seleciona Aplicar e passa para o próximo campo.
- No campo Rota, insira simplelist. Esta rota leva à página de lista simples na experiência de Análise da plataforma.
- Para os campos de rota, primeiro você escolhe vincular dados.
- 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.
- Você seleciona a propriedade de carga do evento @payload.params.table.
- Clique duas vezes, arraste e solte ou selecione a seta para adicionar a propriedade à área superior do editor.
- Clique duas vezes na propriedade na área superior do editor para abri-la para edição.
- Coloque a propriedade
@payload.params.tableentre chaves e adicione a propriedade table:. - Você seleciona Aplicar.
- Você seleciona a propriedade de carga do evento @payload.params.table.
- Da mesma forma, você opta por vincular dados ao campo Parâmetros opcionais e definir os valores {query: @payload.params.query, listTitle: @payload.title}.
- No campo Parâmetros opcionais, adicione {query: @payload.params.query} como você fez para {table: @payload.params.table}, mas não selecione Aplicar.
- Selecione o botão Adicionar outra entrada (+).
- Adicione listTitle: @payload.title entre chaves.
- Você seleciona Aplicar.
| 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} |
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.
- 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.
- Para a Rota, você insere ac_kpi_details.
- Para os campos de Rota, você primeiro escolhe 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} - Nenhum outro parâmetro é necessário, então você seleciona Adicionar e, em seguida, Salvar a página Construtor de IU.