P A T H

Como criar um drill-down em uma tabela com ações de parâmetro

O que você vai aprender?

Nesta Dica, criaremos uma tabela simples usando duas hierarquias, ou seja, uma tabela com Drill Down. Para isto, utilizaremos a base de dados Exemplo – Superloja.

Introdução

Uma tabela com drill-down permite que todas informações sejam exibidas em uma tabela ao mesmo tempo. Por exemplo, é possível ver detalhes no nível do país para uma região selecionada, permitindo uma comparação de valores para países visíveis com valores para regiões vizinhas. Para remover o nível de detalhe do país, é possível clicar em um botão personalizado que reverte a exibição para as configurações originais:

Passo 1:  Crie duas hierarquias clicando com o botão direito do mouse e selecionando hierarquia -> criar hierarquia com as dimensões a seguir:

  1. País > Estado
  2. Categoria > Subcategoria

 

Passo 2: Crie campos calculados para permitir alternar o nível de cada hierarquia.

  • Primeiro campo calculado para as linhas:

IF UPPER([Country])=[p.Country] THEN " ⮡ " + [State] ELSE UPPER([Country]) END

Observação: Esta seta pode ser encontra no seguinte site:

https://www.w3schools.com/charsets/ref_utf_geometric.asp

Se o país for selecionado, ou seja, seu valor é armazenado no parâmetro p.Country, então mostre o valor do estado. Caso contrário, mostre o País em letras maiúsculas.

 

Outro cálculo semelhante é usado para mostrar Categoria ou Subcategoria:

  • Segundo campo calculado para colocar na prateleira de colunas:

IF UPPER([Category])=[p.Category] THEN " ⮡ " + [Sub-Category] ELSE UPPER([Category]) END

Passo 3: Arraste Sales para o cartão de marcas Cor e rótulo. Após isto, arraste os campos calculados criados no passo 2 para linhas e colunas, respectivamente:

Observe que o país e a categoria (ambos dentro dos cálculos UPPER ()) também estão detalhados. Isso é necessário, pois eles precisam estar na visualização para serem passados ​​para os parâmetros na próxima etapa

Passo 4: Para passar o país e a categoria selecionados para seus respectivos parâmetros, são necessárias duas ações de parâmetro:

  • Categoria selecionada – para passar a categoria selecionada para p.Category, conforme imagem abaixo:

 E o segundo:

  • País selecionado – para passar o país selecionado para o país, conforme imagem abaixo:

Passo 5: Drill Down na ação

Quando clicamos no cabeçalho de uma célula, os respectivos valores de nível 1 em cada hierarquia se expandem para mostrar os valores de nível 2 abaixo:

Passo 6: Adicionando cabeçalhos selecionados

Um problema com a exibição acima é que, como apenas os valores de nível 2 são mostrados para a hierarquia de país e categoria selecionada, não podemos ver em qual valor de nível 1 eles se situam.

Para resolver isso, podemos adicionar duas caixas de texto no canto superior esquerdo que contêm os valores mantidos nos parâmetros, conforme imagem abaixo:

Um semelhante é criado para Categoria, onde o texto é formatado com uma Direção de Cima , como mostrado abaixo:

Eles são colocados dentro de um contêiner e adicionados ao canto superior esquerdo da tabela. Você pode vê-los sendo atualizados na animação abaixo, quando clicamos em diferentes células da tabela abaixo:

Passo 7: Remova os valores de nível 2

Em seguida, precisamos reverter a tabela para sua visualização original, mostrando apenas os valores de nível 1 nas duas hierarquias. Para fazer isso, precisamos limpar os valores de ambos os parâmetros, para os quais criei uma visualização simples usando um cálculo fictício em branco que contém uma string vazia “ ”, conforme imagem abaixo:

Isso é adicionado ao contêiner no canto superior esquerdo e, quando clicamos neste “botão”, os parâmetros são limpos:

Passo 8: Faça o botão desaparecer

Uma etapa final opcional é fazer com que o botão desapareça quando apenas os valores de nível 1 forem mostrados , pois se clicarmos no botão nesse cenário não aconteceria nada. Isso é mais um aprimoramento do UX e é puramente opcional.

Para fazer isso, um filtro é adicionado à exibição Botão que retorna VERDADEIRO se um dos parâmetros contiver valores. Se ambos os parâmetros estiverem vazios, será retornado FALSO e a exibição não mostrará nada:

Este cálculo é adicionado à prateleira Filtro e definido como VERDADEIRO. Portanto, agora, quando a exibição é carregada pela primeira vez, ou após clicar no botão, o botão fica oculto:

03 de julho de 2020

Pronto, agora você sabe como criar drill-down em uma tabela com ação de parâmetro!

Language