P A T H

Como montar uma animação em um gráfico de barras de rolagem

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().

Dica #156 Tableau 1
Dica #156 Tableau 2

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.
Dica #156 Tableau 4

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

Dica #156 Tableau 5

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

Dica #156 Tableau 6

 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.

Dica #156 Tableau 7
Dica #156 Tableau 8

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).

Dica #156 Tableau 10

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.

Dica #156 Tableau 11

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

Dica #156 Tableau 12

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:

Dica #156 Tableau 13
Dica #156 Tableau 14

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.

Dica #156 Tableau 15

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:

Dica #156 Tableau 16

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.

Dica #156 Tableau 18
Dica #156 Tableau 17

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. 

Dica #156 Tableau 19

02 de Agosto de 2021

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

Language