
O que você vai aprender?
Nesta dica iremos mostrar como montar uma animação em um gráfico de barras de rolagem. Utilizaremos a base pública Superloja, disponível no Tableau.
Passo 1: Faça um gráfico de linha de base estático. Crie um novo campo calculado chamado [Data do pedido | Semana]. Este cálculo será apenas a semana arredondada. Após isto, Adicione este campo às linhas como uma data exata contínua, coloque [ID do pedido] nas colunas e altere a agregação para COUNTD().


Passo 2: Crie um novo parâmetro chamado [Data base]. Este parâmetro será eventualmente vinculado a [Data do pedido | Semana] que acabamos de criar.
Escolha o tipo de dados data. Escolha qualquer valor de data dentro do intervalo do conjunto de dados. Escolha Todos para os valores permitidos.

Passo 3: Depois de criar este parâmetro, vamos criar três campos calculados: [Início] , [Fim] e [cor]. Ambos [Início] e [Fim] serão usados para criar uma banda usando uma linha de referência. A cor será colocada na cor no cartão de marcas.
- [Início]retorna o maior de dois valores: 200 dias a menos que a [data base] ou o primeiro dia no conjunto de dados.

– [Fim] retorna o menor de dois valores: 200 dias a mais que [data base] ou o último dia no conjunto de dados.

– [Cor] retorna um booleano se os valores forem iguais ou iguais a +/- 200 dias a partir da [data base] .

– Adicione [Início] e [Fim] ao Detalhe do cartão de marcas e altere para data exata. E adicione [cor] à cor. Defina as cores com dois tons diferentes da mesma cor de base.
Passo 4: Adicione uma faixa de referência em [Data do pedido | Semana] . Faça a faixa correr do [Início] ao [Fim] . Podemos remover rótulos e dicas de ferramentas. Selecione um tom de cinza claro para o fundo e não mostre as linhas finais.


Passo 5: Em uma nova planilha, crie um novo cálculo denominado [Data ajustada]. Este campo será a [Data do pedido | Semana] menos a [data base].

– Adicione este cálculo às colunas como MIN()agregado. Também adicione COUNTD([ID do Pedido])às linhas. Adicionar [Data do pedido | Semana] para detalhes no cartão de marcas e certifique-se de que é uma data exata contínua. Altere o tipo de marca para barra. No botão Tamanho no cartão de marcas, selecione fixo, digite 7 (para os dias da semana) e escolha à esquerda para o alinhamento.
Edite o eixo na pílula MIN ([Data Ajustada]). Defina os valores para executar de -200 a 200 (esta parte é bem importante).

Passo 6: Crie um novo cálculo chamado [Top]. Ele também será usado para uma linha de referência. [Top] irá calcular o número máximo de pedidos em uma semana e multiplica esse valor por 1,3 para criar algum espaço na visualização.

– Crie outro campo calculado chamado [0] onde o valor é definido como 0.

– Adicione ambos os cálculos também para detalhe. Adicione uma faixa de referência no eixo de linhas de COUNTD([ID do Pedido]). Defina a banda para ir de [0] a [Top]. Remova os rótulos e dicas de ferramentas. Formate o preenchimento para corresponder ao gráfico de base, conforme as imagens abaixo:


Passo 7: Em linhas, clique duas vezes à direita do valor e tipo existentes MIN(-0.001). Escolha Barra para o tipo de marca e defina o Tamanho das barras como fixo, tamanho 7 (para dias) e alinhado à esquerda. Isso criará um gráfico de barras minúsculo e negativo e nos ajudará com os rótulos dos eixos. Crie um gráfico de eixo duplo e sincronize os eixos.
Crie um novo cálculo chamado [Etiqueta do eixo] . Este será o rótulo do eixo. Vamos rotular todas as outras barras no formato MMM-D, ‘AA.

– Adicione este cálculo ao rótulo na pílula MIN(-0.001). Defina a direção do rótulo para cima e o alinhamento vertical para baixo. Fixe o eixo inferior de COUNTD([Order ID])H em -40. Isso criará espaço para os rótulos. Oculte todos os eixos.
Você deve ter a seguinte visualização:

Passo 8: Em um painel em branco, arraste as duas planilhas criadas para oespaço em branco. Após isto, adicione uma ação de parâmetro no painel. Quando [Data do pedido | Semana] for selecionada a partir da visualização da linha de base, o parâmetro [Data base] deve ser atualizado com essa data.


Passo 9: No Menu Principal, vá para Formatar → Animações. Ative as animações e defina a duração como 2,00 segundos e o estilo como simultâneo.

02 de Agosto de 2021
Pronto, agora você já sabe como criar uma animação para barra de rolagem!
Dicas Recentes


P A T H | Dicas Tableau Prep – Como calcular o percentual do total para cada linha

P A T H | Dicas Tableau – Como criar e utilizar um parâmetro espacial


