![](https://www.path.com.br/wp-content/uploads/2024/07/Peca-Nova-10.png)
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](https://www.path.com.br/wp-content/uploads/2022/05/Dica-Tableau-194-1.png)
Passo 1 – Crie um parâmetro com este campo:
![Dica Tableau 194 2](https://www.path.com.br/wp-content/uploads/2022/05/Dica-Tableau-194-2.png)
![Dica Tableau 194 3](https://www.path.com.br/wp-content/uploads/2022/05/Dica-Tableau-194-3.png)
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](https://www.path.com.br/wp-content/uploads/2022/05/Dica-Tableau-194-4.png)
![Dica Tableau 194 5](https://www.path.com.br/wp-content/uploads/2022/05/Dica-Tableau-194-5.png)
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.
![](https://www.path.com.br/wp-content/uploads/2022/05/Dica-Tableau-194-7.png)
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](https://www.path.com.br/wp-content/uploads/2022/05/Dica-Tableau-194-8.png)
Passo 5 – Agora colocaremos imagem de fundo. Para isso, vá em “Mapa”, “Imagens de fundo”, e selecione a base usada.
![Dica Tableau 194 9](https://www.path.com.br/wp-content/uploads/2022/05/Dica-Tableau-194-9.png)
Passo 6 – Logo após irá abrir uma caixa de diálogo, onde vamos inserir a imagem em “Adicionar imagem…”
![Dica Tableau 194 10](https://www.path.com.br/wp-content/uploads/2022/05/Dica-Tableau-194-10.png)
Passo 7 – Clique em “Procurar” para buscar a imagem que será usada na sua máquina.
![Dica Tableau 194 11](https://www.path.com.br/wp-content/uploads/2022/05/Dica-Tableau-194-11.png)
![](https://www.path.com.br/wp-content/uploads/2022/05/Dica-Tableau-194-12.png)
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](https://www.path.com.br/wp-content/uploads/2022/05/Dica-Tableau-194-13.png)
– O resultado será este:
![Dica Tableau 194 14](https://www.path.com.br/wp-content/uploads/2022/05/Dica-Tableau-194-14.png)
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](https://www.path.com.br/wp-content/uploads/2022/05/Dica-Tableau-194-15.png)
![Dica Tableau 194 16](https://www.path.com.br/wp-content/uploads/2022/05/Dica-Tableau-194-16.png)
– Teremos como resultado a imagem a seguir:
![Dica Tableau 194 17](https://www.path.com.br/wp-content/uploads/2022/05/Dica-Tableau-194-17.png)
Passo 10 – Oculte os cabeçalhos.
![Dica Tableau 194 18](https://www.path.com.br/wp-content/uploads/2022/05/Dica-Tableau-194-18.png)
![Dica Tableau 194 19](https://www.path.com.br/wp-content/uploads/2022/05/Dica-Tableau-194-19.png)
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](https://www.path.com.br/wp-content/uploads/2022/05/Dica-Tableau-194-20.png)
– 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](https://www.path.com.br/wp-content/uploads/2022/05/Dica-Tableau-194-21.png)
![Dica Tableau 194 22](https://www.path.com.br/wp-content/uploads/2022/05/Dica-Tableau-194-22.png)
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](https://www.path.com.br/wp-content/uploads/2022/05/Dica-Tableau-194-23.png)
Passo 13 – Agora vamos clicar de novo em Mapa”, “Imagens de fundo”, e selecione a base usada.
![Dica Tableau 194 24](https://www.path.com.br/wp-content/uploads/2022/05/Dica-Tableau-194-24.png)
Passo 14 – Selecione a imagem e clique em “Editar…”.
![Dica Tableau 194 25](https://www.path.com.br/wp-content/uploads/2022/05/Dica-Tableau-194-25.png)
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](https://www.path.com.br/wp-content/uploads/2022/05/Dica-Tableau-194-26.png)
![Dica Tableau 194 27](https://www.path.com.br/wp-content/uploads/2022/05/Dica-Tableau-194-27.png)
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”.
![](https://www.path.com.br/wp-content/uploads/2022/05/Dica-Tableau-194-28.png)
![Dica Tableau 194 29](https://www.path.com.br/wp-content/uploads/2022/05/Dica-Tableau-194-29.png)
![Dica Tableau 194 30](https://www.path.com.br/wp-content/uploads/2022/05/Dica-Tableau-194-30.png)
Passo 17- Abra um painel e leve a planilha criada para a parte em branco.
![Dica Tableau 194 31](https://www.path.com.br/wp-content/uploads/2022/05/Dica-Tableau-194-31.png)
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](https://www.path.com.br/wp-content/uploads/2022/05/Dica-Tableau-194-32-1.png)
– Agora suas imagens mudarão de acordo com o seu parâmetro.
![Dica Tableau 194 33](https://www.path.com.br/wp-content/uploads/2022/05/Dica-Tableau-194-33.png)
![Dica Tableau 194 34](https://www.path.com.br/wp-content/uploads/2022/05/Dica-Tableau-194-34.png)