P A T H

como alterar imagens de fundo através de um parâmetro

O que você vai aprender?

Nesta dica explicaremos como alterar imagens de fundo através de um parâmetro utilizando a base Exemplo – Superloja do Tableau.

Usaremos para este exemplo o campo “Segmento”, que contém: Grande Empresa, Pequenas e Médias Empresas e Varejo.

Dica Tableau 194 1

Passo 1 – Crie um parâmetro com este campo:

Dica Tableau 194 2
Dica Tableau 194 3

Passo 2 – Abra uma planilha e em seguida crie um campo calculado que será arrastado para as Linhas e Colunas com as seguintes configurações:

Dica Tableau 194 4
Dica Tableau 194 5

Passo 3 – Para colocarmos a imagem de fundo na planilha, precisamos ter uma medida. Então arraste o campo calculado criado para Linhas e Colunas.

Passo 4 – Altere a forma para um objeto invisível. Para isto, adicione um objeto invisível ao seu repertório Tableau, e traga para as formas. Em sua máquina, vá até “Documentos”, depois em “Meu Repertório do Tableau” e por último “Formas”. Salve seu objeto invisível nesta pasta e depois recarregue suas formas no Tableau para que ela apareça.

Dica Tableau 194 8

Passo 5 – Agora colocaremos imagem de fundo. Para isso, vá em “Mapa”, “Imagens de fundo”, e selecione a base usada.

Dica Tableau 194 9

Passo 6 – Logo após irá abrir uma caixa de diálogo, onde vamos inserir a imagem em “Adicionar imagem…”

Dica Tableau 194 10

Passo 7 – Clique em “Procurar” para buscar a imagem que será usada na sua máquina.

Dica Tableau 194 11

Passo 8 – Como o campo calculado que criamos criou um eixo de 0 até 2, precisamos especificar onde a imagem vai entrar no eixo x e y, como na imagem a seguir:

Dica Tableau 194 13

– O resultado será este:

Dica Tableau 194 14

Passo 9 – O tableau ajustou a imagem ao gráfico. Para tiramos o espaço de “-1” até “0”, precisaremos editar o eixo e colocá-lo fixo de “0” até “2”.

Dica Tableau 194 15
Dica Tableau 194 16

– Teremos como resultado a imagem a seguir:

Dica Tableau 194 17

Passo 10 – Oculte os cabeçalhos.

Dica Tableau 194 18
Dica Tableau 194 19

Passo 11 – Repare que as imagens são como se fossem um mapa, então temos que configurar para tirar da imagem as opções de mapa que o usuário poderia interagir. Mostrarei como fica por default do Tableau, e como devemos deixar:

Dica Tableau 194 20

– Com isso, vamos configurar para que o usuário não tenha a opção de clicar no controle de mapa. Clicaremos em “Mapa”, “Opções de mapa…” e desmarcar todas as opções.

Dica Tableau 194 21
Dica Tableau 194 22

Passo 12 – Estamos criando uma visualização onde teremos uma imagem para cada item do parâmetro. Então, temos que vincular o parâmetro nesta primeira planilha. Para isso teremos que criar um campo calculado com as seguintes configurações:

Dica Tableau 194 23

Passo 13 – Agora vamos clicar de novo em Mapa”, “Imagens de fundo”, e selecione a base usada.

Dica Tableau 194 24

Passo 14 – Selecione a imagem e clique em “Editar…”.

Dica Tableau 194 25

Passo 15 – Vá até a aba “Opções”, clique em “Adicionar…” e selecione o campo calculado feito para vincular o parâmetro a visualização. E em seguida selecione o valor.

Dica Tableau 194 26
Dica Tableau 194 27

Passo 16 – Repita os passos para adicionar as outras imagens para “Pequenas e Médias Empresas” e “Varejo”. Indo em “Mapa”, “Imagens de fundo”, e selecione a base usada. Adicione mais uma imagem para “Pequenas e Médias Empresas” em “Adicionar imagem…” e vincule o parâmetro para este valor, assim como nos passos anteriores fizemos com “Grande Empresa”.

Dica Tableau 194 29
Dica Tableau 194 30

Passo 17- Abra um painel e leve a planilha criada para a parte em branco.

Dica Tableau 194 31

Passo 18 – Transforme o parâmetro em flutuante e posicione o mesmo ao lado do título. Remova também o container deixado por ele.

Dica Tableau 194 32

– Agora suas imagens mudarão de acordo com o seu parâmetro.

Dica Tableau 194 33
Dica Tableau 194 34

16 de Maio de 2022

Pronto, agora você já sabe como alterar imagens de fundo através de um parâmetro.

Language