P A T H

Como fazer um Gauge Chart com ponteiros

O que você vai aprender?

Nesta dica iremos aprender como fazer um Gauge Chart com ponteiros. Para isso, usaremos a base pública Exemplo – Superloja disponível no Tableau.

Imagem Dica Tableau Capa

– Primeiramente vamos criar os seguintes Parâmetros, Bins e Campos Calculados que serão usados na nossa visualização.

Passo 1: Crie um parâmetro de ano: “Ano Selecionado”

 

– Defina o nome como “Ano Selecionado”.

– Defina o tipo de dados como “inteiro”.

– Selecione em Valores permitidos a opção de lista.

– Na coluna Valor coloque: 2017, 2018, 2019 e 2020.

– Na coluna Exibir como coloque: 2017,2018, 2019 e 2020.

– Defina o valor atual como 2020.

Dica Tableau 206 00

Passo 2: Crie um parâmetro de ano: “Ano Comparativo”.

 

– Defina o nome para “Ano Comparativo”.

– Defina o tipo de dados como “inteiro”.

– Selecione em Valores permitidos a opção de lista.

– Na coluna Valor coloque: 2017, 2018, 2019 e 2020.

– Na coluna Exibir como coloque: 2017,2018, 2019 e 2020.

– Defina valor atual para 2019.

Dica Tableau 206 01

Passo 3: Crie um campo calculado chamado “Path”, com a seguinte lógica:

  IIF ([Ship Mode]=”First Class”, 0, 1)  

Dica Tableau 206 02

Passo 4: Crie um compartimento chamado Path (bin)

 

– Clique com o botão direito do mouse no campo calculado criado no passado 3, vá para “Criar” e selecione “Compartimentos”.

– Na janela de diálogo “Editar Compartimentos”:

– Definir novo nome de campo como caminho (bin)

– Defina o tamanho das caixas para 1

– Clique OK:

Dica Tableau 206 03

Passo 5: Crie mais nove campos calculados:

          1)    Index

INDEX() – 1
Dica Tableau 206 04

2) Sales (Selected Year)

 SUM (IF YEAR([Order Date]) = [@Selected Year] 

THEN    [Sales]

END)

Dica Tableau 206 05

3) Sales (Comparison Year)

  SUM(IF YEAR([Order Date]) = [@Comparison Year] 

THEN     [Sales]

  END)

Dica Tableau 206 06

4) Sales (Growth)

( [Sales (Selected Year)] – [Sales (Comparison Year)] ) / [Sales (Comparison Year)]

Dica Tableau 206 07

5) TC_Sales Growth

WINDOW_MAX([Sales (Growth)])

Dica Tableau 206 017

6) TC_Angle Calculation

90 * // 100 % would be right down the middle

 // This is here to make sure that insane growth can still be represented in this visualisation, we will have the label so you can see the actual numbers

IF [TC_Sales Growth] > 2 THEN

    2 // Set the maximum value of the line to 200%ELSEIF [TC_Sales Growth] < 0 THEN

    0 // Set the minimum value of the line to 0%

ELSE

    [TC_Sales Growth]

END

Dica Tableau 206 08

7) TC_Sales Growth Label

IF [Index] = 0 THEN   

[TC_Sales Growth]

END

Dica Tableau 206 09

8) X

[Index] * COS(RADIANS([TC_Angle Calculation]))

Dica Tableau 206 010

9) Y

[Index] * SIN(RADIANS([TC_Angle Calculation]))

Dica Tableau 206 011

Passo 6: Agora vamos construir nossa planilha:

 

– Altere o tipo de marca para “linha”.

– Arraste a região para a prateleira “Colunas”.

– Arraste a categoria para a prateleira de “linhas”.

– Arraste o caminho (bin) para a marca de “caminho”.

– Arraste X para a Prateleira “Colunas”

– Clique com o botão direito do mouse nesta pílula, vá para “Calcular usando” e selecione “Path (bin)”.

– Arraste Y para a prateleira de “linhas”.

– Clique com o botão direito do mouse nesta pílula, vá para Calcular usando” e selecione “Path (bin)”.

– Arraste TC_Sales Growth Label para a “Rótulo”.

– Clique com o botão direito do mouse nesta pílula, vá para “Calcular usando” e selecione “Path (bin)”.

 

– Agora você deverá ver o seguinte:

Dica Tableau 206 012

Passo 7: Agora vamos ajustar a visualização de dados:

 

– Arraste o caminho (bin) para a marca de “tamanho”.

– No cartão de tamanho do caminho (bin), clique na seta para baixo e selecione Editar tamanho…

– Marque a caixa de seleção Invertido e edite o tamanho como achar melhor.

– Clique duas vezes no cabeçalho do eixo Y.

– Defina o intervalo para fixo.

– Defina o início fixo para -0,1.

– Defina a extremidade fixa para 1.1.

– Feche esta janela.

– Clique duas vezes no cabeçalho do eixo X.

– Defina o intervalo para fixo.

– Defina o início fixo para -0,1.

– Defina a extremidade fixa para 1.1.

– Feche esta janela.

 

– Agora você deverá ver o seguinte:

Dica Tableau 206 013

Passo 8: Por fim, vamos agora aplicar uma imagem de fundo para completar nossa visualização de dados, use a seguinte imagem:

Dica Tableau 206 014

Passo 9: No Menu, vá para Mapa e selecione Imagens de Fundo e selecione sua fonte de dados.

– Na janela de diálogo Imagens de fundo. clique em “Adicionar imagem…”.

– Clique em “Procurar…” e selecione o arquivo baixado.

– No Campo X, certifique-se de que X esteja selecionado.

– Definir Esquerda para 1,2.

– Definir à direita para -1,2.

– No campo Y, certifique-se de que Y esteja selecionado.

– Definir Inferior para -0,1.

– Definir superior para 1,2.

– Clique “OK”.

– Por fim, clique duas vezes no eixo X e selecione Invertido.

 

– Agora você deverá ver o seguinte:

Dica Tableau 206 015

Passo 10: A última coisa a fazer é aplicar os toques finais de formatação, ou seja, remover linhas de grade e ajustar suas fontes. Você desejará obter algo assim:

Dica Tableau 206 016

08 de agosto de 2022

Pronto, agora você já sabe Como fazer um Gauge Chart com ponteiros no Tableau.

Language