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:
- País > Estado
- 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: