Os diagramas de funil são úteis para entender eventos em um processo sequencial, como as etapas de um cliente em potencial em um funil de vendas, o engajamento com uma campanha de marketing ou o movimento do visitante em um site.
Os gráficos de funil geralmente 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. os valores maiores têm barras mais altas, enquanto os valores menores têm barras mais curtas.
Como criar um gráfico de funil
Um gráfico de funil contém um único conjunto de números e um único conjunto de rótulos, que podem ser orientados:
- Verticalmente, 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 pivotados e não pivotados.
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 alterar 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 50 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 Explorar a visualização e escolha Funil. Em seguida, selecione a opção Editar 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 que você escolheu.
Opções de barra de dados
Várias opções da barra Dados podem afetar sua 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 de tabelas. 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 Total da linha 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 da tabela de dimensões.
Total
Para adicionar totais de colunas para medidas e cálculos de tabela, selecione Totais na barra Dados. Consulte a página de documentação Como analisar dados no Looker para mais informações, incluindo informações sobre quando os totais não estão disponíveis e o que considerar com os totais.
Limite de colunas
Se a tabela de dados contiver tabelas dinâmicas, você poderá adicionar um limite de colunas ao gráfico inserindo qualquer número entre 1 e 200 na caixa Limite de colunas. 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 dinamizado conta como uma coluna no 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 da guia Dados. Se a consulta exceder o limite de linhas que você definiu, não será possível ordenar as colunas de cálculo da tabela ou total da linha.
Cálculos
Se você tiver as permissões apropriadas, 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 o 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 Editar configuração do gráfico na parte de baixo do menu de visualização abre o Editor de configuração do gráfico. 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 sobre o editor de configuração de gráficos 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
- Como personalizar a cor da dica
- Como adicionar bandas de referência verticais e legendas
- Adicionar anotações de gráfico
Opções do menu de barras
Cores das barras
É possível definir a paleta de cores de um gráfico.
Como selecionar uma coleção de cores e uma paleta
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, clique na paleta, que vai abrir o seletor. 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 presentes 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 alterar uma cor selecionada ou editar todas as cores de uma só vez, insira strings hexadecimais, como #2ca6cd, ou nomes de cores CSS, como mediumblue, na caixa de valor da cor na parte inferior 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 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.
Inverter cores
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. Em 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 escalonado, 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 Barras suavizadas ativada, as bordas das barras são suavizadas para se conectarem umas às outras.
Para um gráfico de funil, a opção Barra suave não tem efeito.
Funil escalonado
Quando ativada, a opção Funil escalonado exibe funis em um estilo de funil 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 superior das barras e nas laterais do gráfico. 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 Marcadores
Posição do rótulo
É possível 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 ficam no lado direito do gráfico
- Ocultos: 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 maior valor do gráfico ou com a barra anterior.
Posição percentual
Você pode especificar onde as porcentagens das barras vão aparecer:
- 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 porcentagens ficam no lado direito do gráfico
- Oculto: 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 dos dados ficam 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.
Marcador 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.
Alterar os rótulos do funil usando o Editor de configuração de 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 rótulos a seguir:
- 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
Para mais informações sobre como usar esse recurso, consulte a seção Como personalizar uma visualização da documentação do Editor de configuração de gráfico.