Os gráficos de funil são úteis para entender eventos em um processo sequencial, como os estágios de um cliente em potencial em um pipeline de vendas, o engajamento com uma campanha de marketing ou o movimento dos visitantes em um site.
Frequentemente, os gráficos de funil são mais eficazes quando o primeiro estágio do processo é o maior (como 100%), e cada estágio progressivo diminui a partir dele. Os gráficos de funil mostram o valor de cada categoria variando a altura de cada barra. Valores maiores têm barras mais altas, enquanto valores menores têm barras mais curtas.
Como criar um gráfico de funil
Um gráfico de funil é composto por um único conjunto de números e um único conjunto de rótulos, que podem ser orientados:
- Na vertical, usando uma ou mais dimensões (rótulos) e uma medida (números)
- Horizontalmente, usando uma única linha com várias medidas (números) e cabeçalhos de coluna (rótulos)
O gráfico pode funcionar com dados filtrados e não filtrados.
Se você usar várias colunas de métricas (várias métricas ou uma métrica pivotada) com várias linhas de dados, o gráfico de funil vai verificar a primeira linha e a primeira coluna e depois exibir a que produz mais pontos de dados. No entanto, você pode usar a configuração Orientação para mudar a forma como o funil lê a tabela de dados e inverte os eixos.
Os gráficos de funil podem representar no máximo 50 barras. Se os dados tiverem mais de 50 linhas ou colunas, use a opção Limite de linhas ou Limite de colunas para limitar as linhas a 50 ou menos.
Para usar uma visualização de funil, selecione as reticências (...) em uma barra Visualização e escolha Funnel. Em seguida, selecione a opção Edit na barra de visualização para editar o gráfico.
As opções podem ficar esmagadas ou ocultas em situações em que conflitam com outras configurações escolhidas.
Opções de barra de dados
Várias opções na barra Dados podem afetar a visualização e a tabela de dados.
Subtotais
Se a tabela de dados tiver pelo menos duas dimensões, uma caixa de seleção Subtotais vai aparecer na barra Dados. No momento, os subtotais estão ativados apenas para visualizações em tabela. A caixa de seleção não funciona para outros tipos de visualização.
Totais das linhas
Se o gráfico tiver pivots, você poderá adicionar totais de linha ao selecionar a caixa de seleção Totais de linha na barra Dados. Consulte a página de documentação Analisar dados no Looker para mais informações, incluindo quando os totais não estão disponíveis e coisas a considerar com os totais.
A seta à direita da caixa de seleção Totais de linhas permite alternar a posição da coluna de totais entre a posição padrão à direita e uma posição mais à esquerda, após os cálculos de dimensões e tabelas de dimensão.
Total
Para adicionar totais de colunas a medidas e cálculos de tabela, selecione Totais na barra Dados. Consulte a página de documentação Analisar dados no Looker para mais informações, incluindo quando os totais não estão disponíveis e coisas a considerar com os totais.
Limite de colunas
Se a tabela de dados tiver pivots, você poderá adicionar um limite de coluna ao gráfico inserindo qualquer número entre 1 e 200 na caixa Limite de coluna. As dimensões, os cálculos de tabela de dimensão, as colunas de total de linhas e os cálculos de tabela de medidas fora dos pivots não são contabilizados no limite de colunas. Cada grupo de pivote é contabilizado como uma coluna para o limite de colunas. Consulte a página de documentação Como filtrar e limitar dados para mais informações.
Limite de linhas
Para adicionar um limite de linhas ao gráfico,insira qualquer número entre 1 e 5.000 na caixa Limite de linhas na guia Dados. Se a consulta exceder o limite de linhas definido, não será possível classificar o total de linhas ou as colunas de cálculo da tabela.
Cálculos
Se você tiver as permissões adequadas, poderá adicionar cálculos de tabela ao gráfico clicando no botão Adicionar cálculo na guia Dados. Consulte a página de documentação Usar cálculos de tabelas para mais informações.
Também é possível usar a seção Campos personalizados do seletor de campos.
Opções do menu de eixos
Identificar o eixo esquerdo
Ative a opção Etiquetar o eixo esquerdo para aplicar um rótulo ao eixo esquerdo. O Looker mostra uma caixa para inserir o texto do rótulo.
Marcar o eixo à direita
Ative a opção Etiquetar eixo direito para aplicar um identificador ao eixo direito. O Looker mostra uma caixa para inserir o texto do rótulo.
Editar configuração do gráfico
O botão Edit Chart Config na parte de baixo do menu de visualização abre o Chart Config Editor. Com esse editor, você pode modificar as visualizações do HighCharts expondo determinados parâmetros JSON da visualização, permitindo uma personalização profunda. Essas personalizações não interagem dinamicamente com os dados.
O botão Editar configuração do gráfico fica disponível se você tiver a função de administrador do Looker ou a permissão can_override_vis_config
.
Consulte a seção Exemplos do artigo Editor de configuração de gráfico para conferir alguns casos de uso comuns, incluindo:
- Como mudar a cor do plano de fundo e do texto da linha
- Formatação condicional de valores em uma série
- Personalizar a cor da dica
- Como adicionar bandas de referência verticais e legendas
- Adicionar anotações a gráficos
Opções do menu de barras
Cores da barra
É possível definir a paleta de cores de um gráfico.
Como selecionar uma coleção e uma paleta de cores
Com uma coleção, você pode criar visualizações e painéis temáticos que combinem bem. Todas as coleções de cores integradas do Looker aparecem na página de documentação Coleções de cores. O administrador do Looker também pode criar uma coleção de cores personalizada para sua organização.
Você pode escolher uma coleção de cores no menu suspenso Coleção. A seção Paleta vai ser atualizada com uma paleta da sua coleção de cores escolhida. Para mudar para outra paleta na coleção de cores, clique na paleta de cores, que abre o seletor de paletas. Lá, você pode conferir e selecionar todas as paletas da coleção.
Como escolher o tipo de paleta
Se você usar uma paleta sequencial ou divergente, cada barra será colorida em uma escala ao longo da paleta. Se você mudar para uma paleta categórica (composta por várias cores individuais), as cores serão atribuídas a cada barra em ordem. A primeira barra recebe a primeira cor, e assim por diante. Se houver mais barras do que cores listadas, as cores vão se repetir a partir do início da paleta.
Como criar uma paleta de cores personalizada
Para criar uma paleta de cores personalizada, primeiro selecione a guia Personalizada no seletor de paletas. É possível editar a paleta de várias maneiras:
- Clique em uma das cores para editá-la.
- Clique nos botões + ou - para adicionar uma cor ao final da paleta ou remover uma cor selecionada. Quando você adiciona uma cor ao final de uma paleta sequencial ou divergente, o Looker cria automaticamente uma escala entre essa cor e a anterior.
- Clique em EDIT ALL no canto inferior direito do menu para usar uma lista de valores de cores separada por vírgulas.
Para mudar uma cor selecionada ou editar todas de uma vez, insira strings hexadecimais, como #2ca6cd
, ou nomes de cores CSS, como mediumblue
, na caixa de valor de cor na parte de baixo do menu.
Você também pode clicar na roda de cores à direita da caixa de valor de cor para abrir um seletor de cores, que pode ser usado para selecionar uma cor. O valor hexadecimal correspondente a essa cor aparece na caixa de valor de cor.
Se você clicar em EDIT ALL, a caixa de valor de cor vai ser preenchida com todos os códigos hexadecimais da paleta de cores que você escolheu ou personalizou. Copiar e colar essa lista é a melhor maneira de copiar paletas de cores personalizadas de um gráfico para outro.
Cores invertidas
Você pode inverter as cores usadas em uma paleta. Em uma paleta sequencial ou divergente, cada barra é colorida em uma escala ao longo da paleta na ordem inversa, começando pela cor no lado direito da paleta e indo para a esquerda. Para uma paleta categórica, isso aplicaria as cores da paleta a cada barra na ordem inversa, começando pela última cor da paleta.
Barras suavizadas
Em um gráfico de funil em degraus, a opção Barra suavizada alterna a conexão da borda externa de cada barra no gráfico de funil com as barras acima e abaixo dela. Com a opção Barra suave desativada, as barras têm uma forma retangular. Com a opção Barra suavizada ativada, as bordas das barras são suavizadas para se conectarem.
Para um gráfico de funil, a opção Barra suavizada não tem efeito.
Funil escalonado
Quando ativada, a opção Funil em degraus mostra os funis com um estilo em degraus, em que a largura de cada barra varia de acordo com o valor. Valores maiores têm barras mais largas, e valores menores têm barras mais finas.
Orientação
É possível especificar se os dados do gráfico de funil são extraídos das linhas ou colunas da tabela. Se você escolher Automático, o gráfico de funil vai escolher os dados com base em onde há mais pontos de dados.
Escala do rótulo
É possível especificar o tamanho dos rótulos posicionados na parte de cima das barras do gráfico e nas laterais. Os rótulos têm um tamanho mínimo e um máximo que variam de acordo com o tamanho do gráfico. Insira 0 para especificar que os rótulos terão o tamanho mínimo. Insira 1 para especificar que os rótulos serão do tamanho máximo. Insira um número entre 0 e 1 para indicar uma porcentagem. O tamanho do marcador será definido como essa porcentagem entre o tamanho mínimo e máximo.
Opções do menu de marcadores
Posição do rótulo
Você pode especificar onde os rótulos de dados aparecem:
- Esquerda: as legendas de dados estão no lado esquerdo do gráfico.
- In-line: as legendas de dados ficam no centro do gráfico, dentro das barras
- Direita: os rótulos de dados estão no lado direito do gráfico.
- Oculto: os rótulos de dados não são mostrados.
Tipo de porcentagem
Cada barra no gráfico recebe um valor percentual. Tipo de porcentagem: determina se cada barra recebe uma porcentagem comparando o valor dela com o valor mais alto do gráfico ou com a barra anterior.
Posição percentual
É possível especificar onde as porcentagens de barras aparecem:
- Esquerda: as porcentagens estão no lado esquerdo do gráfico.
- In-line: os rótulos de porcentagem ficam no centro do gráfico, dentro das barras
- Direita: os rótulos de porcentagem ficam no lado direito do gráfico.
- Oculta: os rótulos de porcentagens não são mostrados.
Posição de valor
É possível especificar onde os valores de dados aparecem:
- Esquerda: os valores de dados estão no lado esquerdo do gráfico.
- In-line: os valores de dados estão no centro do gráfico, dentro das barras
- Direita: os valores de dados estão no lado direito do gráfico.
- Oculta: os valores de dados não são mostrados.
Rótulo de cor
Você pode definir uma cor personalizada para os rótulos e as porcentagens no gráfico. Se você ativar a opção Etiqueta de cor, uma caixa de cor vai aparecer. Clique na caixa para mostrar o seletor de cores e escolher uma cor personalizada para o rótulo e as porcentagens. Os rótulos inline vão aparecer na cor escolhida, e os rótulos em ambos os lados do gráfico vão aparecer cerca de 40% mais escuros do que a cor escolhida.
Como mudar os rótulos do funil usando o editor de configuração do gráfico
Por padrão, os rótulos de cada etapa do funil correspondem diretamente aos valores de dimensão. Use o Editor de configuração de gráficos para modificar esses rótulos. Por exemplo, considere um funil com quatro etapas e os seguintes rótulos:
- Etapa 1
- Etapa 2
- Etapa 3
- Palco 4
Você pode usar o snippet JSON abaixo para adicionar nomes de rótulos personalizados:
{
series: [{
data: [{
name: 'Custom label 1',
dataLabels: {
enabled: true,
format: '<b>{point.name}</b>: {point.y}'
}
},
{
name: 'Custom label 2',
dataLabels: {
enabled: true,
format: '<b>{point.name}</b>: {point.y}'
}
},
{
name: 'Custom label 3',
dataLabels: {
enabled: true,
format: '<b>{point.name}</b>: {point.y}'
}
},
{
name: 'Custom label 4',
dataLabels: {
enabled: true,
format: '<b>{point.name}</b>: {point.y}'
}
}
]
}]
}
Agora, as fases são marcadas com os valores dos rótulos personalizados. A variável {point.y}
mostra o valor em cada etapa. Neste exemplo, o Looker mostra os seguintes rótulos nos estágios do funil:
- Rótulo personalizado 1
- Rótulo personalizado 2
- Rótulo personalizado 3
- Rótulo personalizado 4
Consulte a seção Como personalizar uma visualização da documentação do editor de configuração de gráficos para mais informações sobre o uso desse recurso.