Caros,
Em complemento ao artigo Tool Mastery | Interactive Chart, quero entrar em mais detalhes sobre a configuração das legendas - aqueles textos que acompanham as linhas e barras.
Recentemente me pediram que fizesse um gráfico de barras e linhas, em eixos distintos (um de valor e um de percentual), ambos com as legendas posicionadas mais ou menos assim:
Este gráfico possui características fora do padrão da configuração normal, como:
Para montar um gráfico como este, precisaremos de 1 "Eixo X" (as datas) e 4 "Eixos Y", que são:
Vamos aos passos:
Passo 1 - Montando os eixos
1.1 - Eixo X
Como os dados foram digitados em formato data, é necessário converter as datas para formato mês e ano por extenso, abreviado. Utilize a ferramenta DateTime para isto.
Os dados:
Configuração da ferramenta DateTime:
Utilize o formato Personalizado (Custom), com a expressão "Mon.", que traduz o mês da data para extenso abreviado, e em seguida o "/yy", que traz o ano com 2 dígitos (veja o círculo vermelho). Escolha o idioma da sua tradução também, como mostrado no círculo azul da imagem.
1.2 - Eixo Y do desenho das barras
Não necessita tratamento, basta usar a coluna Barras, contida nos dados
1.3 - Eixo Y do desenho da linha
Não necessita tratamento, basta usar a coluna Linha, contida nos dados
1.4 - Eixo Y da legenda da barra
Para posicionar o texto na parte inferior da barra original, use um eixo auxiliar. Para o exemplo, foi criado um eixo cuja altura é 20% da média das barras originais.
Para calcular a média, utilize a ferramenta Summarize, com a seguinte configuração:
Em seguida, adicione a coluna média ao dataset original, com a ferramenta Append Fields. Não é necessária nenhuma configuração neste passo.
Para reduzir o tamanho do eixo à 20% da média, utilize uma Formula:
1.5 - Eixo Y da legenda da linha
Não necessita tratamento, basta usar a coluna Linha, contida nos dados.
Em seguida adicione as ferramentas Interactive Chart e Browse, e execute o fluxo para começarmos a configurar o gráfico.
O fluxo deve estar com esta aparência:
Passo 2 - Configurando o Gráfico
Após executar o fluxo, selecione o a ferramenta Interactive Chart e clique no botão azul para realizarmos as configurações.
É importante executar o fluxo antes, para que o Interactive Chart mostre os gráficos com os dados reais.
1.1 - Eixo X e 1.2 - Eixo Y do desenho das barras
Siga os passos, conforme a numeração da imagem:
1 - Clique em "Layer" do lado esquerdo, na seção "Create"
2 - Clique no botão azul "Add Layer"
3 - Dê um nome a esta camada, no exemplo o nome é "Bar"
4 - Selecione o tipo "Bar" (Barra)
5 - Selecione o campo "Eixo X"
6 - Selecione o campo "Barra"
Em seguida, vá até a seção "Style" e clique em Chart, para reduzirmos a altura do gráfico para 500.
Para deixar o X levemente inclinado, siga os passos de acordo com a numeração da imagem:
1 - Clique no quadrado onde aparecem 2 setas em diagonal, para fechar as seções desta área de configuração
2 - Clique na área Labels, para abrir apenas as configurações desta área
3 - Confira se o eixo X está selecionado em azul
4 - Selecione 45 graus para na opção "Angle"
Temos nossa 1a barra montada! Vamos às demais.
1.3 - Eixo Y do desenho da linha
Siga os passos de acordo com a numeração da imagem:
1 - Clique em "Layer" do lado esquerdo, na seção "Create"
2 - Clique no botão azul "Add Layer"
3 - Garanta que a camada escolhida é a nova, que acabou de ser criada
4 - Dê um nome a esta camada, no exemplo o nome é "Line"
5 - Selecione o tipo "Line" (Linha)
6 - Selecione o campo "Eixo X"
7 - Selecione o campo "Linha"
8 - Marque a opção "Use secondary X-Axis"
1.4 - Eixo Y da legenda da barra
Este passo precisará de mais configurações.
1.4.1 - Criação da camada
Siga os passos de acordo com a numeração da imagem:
1 - Clique em "Layer" do lado esquerdo, na seção "Create"
2 - Clique no botão azul "Add Layer"
3 - Garanta que a camada escolhida é a nova, que acabou de ser criada
4 - Dê um nome a esta camada, no exemplo o nome é "Label Bar"
5 - Selecione o tipo "Bar" (Barras)
6 - Selecione o campo "Eixo X"
7 - Selecione o campo "Eixo Y Label Barra"
1.4.2 - Configuração da camada
Siga os passos de acordo com a numeração da imagem:
1 - Selecione "Layer" (Camada), na seção de estilos ("Style")
2 - Clique no quadrado onde aparecem 2 setas em diagonal, para fechar as seções desta área de configuração
3 - Clique na área "Label Bar", para abrir apenas as configurações desta área
4 - Mude a opacidade ("Opacity") da barra para 0%, para que ela se torne invisível
5 - Mude o modo da barra ("Bar Mode") para "Overlay" (sobreposição). Isto fará com que as 2 barras ocupem o mesmo espaço, mas como esta última está invisível, ela servirá apenas como suporte à legenda
Role a tela de configurações um pouco para baixo e realize estes passos adicionais:
6 - Em "Text", selecione o campo Barra
7 - Em "Text Position", selecione a opção "Inside" (dentro)
8 - Em "Constrain Text", selecione a opção "Inside" (dentro) ou "Both" (ambos)
1.5 - Eixo Y da legenda da linha
Inicie configurando uma nova camada, exatamente igual à camada "Line", mas com outro nome:
1 - Clique em "Layer" do lado esquerdo, na seção "Create"
2 - Clique no botão azul "Add Layer"
3 - Garanta que a camada escolhida é a nova, que acabou de ser criada
4 - Dê um nome a esta camada, no exemplo o nome é "Label Line"
5 - Selecione o tipo "Line" (Linha)
6 - Selecione o campo "Eixo X"
7 - Selecione o campo "Linha"
8 - Marque a opção "Use secondary X-Axis"
Esta etapa é importante para podemos utilizar o eixo secundário.
Em seguida, mude o tipo de gráfico para "Bar" (barras), e ele respeitará o eixo secundário.
9 - Mude o tipo de "Line" (Linha) para "Bar" (Barras)
Agora vamos formatar esta camada, conforme imagem abaixo:
1 - Selecione "Layer" (Camada), na seção de estilos ("Style")
2 - Clique no quadrado onde aparecem 2 setas em diagonal, para fechar as seções desta área de configuração
3 - Clique na área "Label Line", para abrir apenas as configurações desta área
4 - Mude a opacidade ("Opacity") da barra para 0%, para que ela se torne invisível
5 - Em "Text", selecione o campo Linha
6 - Em "Text Position", selecione a opção "Outside" (fora)
7 - Em "Constrain Text", selecione a opção "Outside" (fora) ou "Both" (ambos)
Com isto temos o gráfico no formato solicitado, restando apenas alguns detalhes de acabamento, como a formatação dos textos das legendas.
Veremos estas dicas na Parte 2 deste artigo!
Não se esqueça de ler a ajuda da ferramenta, e o artigo citado no início deste texto.
Você deve ser um usuário registrado para adicionar um comentário aqui. Se você já estiver registrado, faça logon. Se você ainda não estiver registrado, registre-se e faça logon.