Um gráfico de área é uma variação do gráfico de linhas ou de série temporal. Ele usa as áreas sombreadas abaixo das linhas traçadas no gráfico para indicar o volume de dados representado pelas linhas. Assim como os gráficos de série temporal, os gráficos de área são úteis para conferir as tendências dos seus dados ao longo de um período.
Gráficos de área no Looker Studio
Com os gráficos de área, você confere uma só dimensão (de detalhamento) e uma única métrica, mostradas ao longo de um período.
Exemplo de gráfico de área
O exemplo a seguir mostra dois gráficos de área. Eles mostram os dados de venda de um pet shop fictício. O primeiro gráfico mostra as vendas de itens por categoria (em uma dimensão Categoria do produto). A dimensão Categoria do produto tem três valores: Pássaro, Cão e Gato.
O segundo gráfico mostra as vendas de produtos individuais (em uma dimensão Item).
Nos dois, a métrica é a quantidade vendida, chamada de Quant. vendida na fonte de dados.
Esses exemplos mostram dois estilos diferentes do gráfico de área. O primeiro é empilhado: os valores da série aparecem em camadas que se sobrepõem. Já no segundo, cada série começa no mesmo valor de referência.
Outros tipos de gráficos de área
Além do gráfico de área básico, você pode selecionar os tipos de gráficos predefinidos Gráfico de áreas empilhadas ou Gráfico de áreas 100% empilhadas ao adicionar um gráfico de área na barra de ferramentas.
Gráfico de áreas empilhadas
Use um gráfico de áreas empilhadas para mostrar a relação entre a parte e o todo e encontrar tendências nos dados ao longo do tempo. Por exemplo, mostre como três produtos contribuíram para o total de vendas a cada mês ou trimestre.
Gráfico de áreas 100% empilhadas
Use um gráfico de áreas 100% empilhadas para mostrar a relação entre a parte e o todo e encontrar tendências nos dados ao longo do tempo, quando o total acumulado não é relevante.
Adicionar o gráfico
Adicione um novo gráfico ou selecione um já existente. Em seguida, use o painel Propriedades para configurar as propriedades das guias Configuração e Estilo do gráfico, definindo os dados e o estilo dele, respectivamente.
Configurar os dados do gráfico
As opções na guia Configuração do painel Propriedades determinam como os dados do gráfico são organizados e mostrados.
Fonte de dados
Uma fonte de dados possibilita a conexão entre o componente e o conjunto de dados relacionado.
- Para mudar a fonte do gráfico, clique no nome dela.
- Para acessar ou editar a fonte de dados, clique no ícone
Editar fonte de dados. Você precisa ter, pelo menos, permissão de leitura para esse ícone aparecer. - Clique em Combinar dados para ver dados de várias fontes no mesmo gráfico. Saiba mais sobre a combinação de dados.
Dimensão
As dimensões são categorias de dados. Os valores de dimensão (os dados contidos na dimensão) são nomes, descrições ou outras características de uma categoria.
É necessário ter pelo menos uma dimensão de tempo. A primeira serve como a série principal de dados do gráfico.
Detalhar
Essa opção aparece em gráficos compatíveis.
O detalhamento mostra aos leitores mais informações no gráfico. Quando você ativa a opção Detalhar, cada dimensão adicionada se torna outro nível de detalhamento. Saiba mais sobre o detalhamento do gráfico.
Dimensão de detalhamento
Essa opção mostra os dados da métrica detalhados de acordo com a dimensão selecionada. Por exemplo, um gráfico que mostra os dados de vendas anuais pode ser dividido pela dimensão Região de vendas para detalhar as vendas por região ou ID do funcionário para mostrar as vendas por vendedor.
Uma dimensão de detalhamento é obrigatória para gráficos de área e é selecionada automaticamente. Para mudar a dimensão de detalhamento, clique no nome dela e selecione outra no seletor de campo. Você também pode clicar nas dimensões da lista de campos no painel Dados e colocá-las no seletor Dimensão de detalhamento.
Métrica
As métricas analisam os elementos que pertencem às dimensões e indicam a escala numérica e a série de dados do gráfico.
As métricas são agregações do conjunto de dados subjacente ou são resultado da aplicação implícita ou explícita de uma função de agregação, como COUNT(), SUM() ou AVG(). A métrica não tem um conjunto definido de valores, então não é possível criar agrupamentos com base nela da mesma forma que fazemos com uma dimensão.
É possível mostrar uma única métrica em um gráfico de área.
Métricas opcionais
Para adicionar métricas opcionais, ative a chave Métricas opcionais e selecione uma opção no seletor de campo Adicionar métrica. Também é possível clicar nas métricas da lista de campos no painel Dados e colocá-las no seletor Métricas opcionais.
Controles deslizantes de métrica
Ative a chave Controles deslizantes de métrica para adicionar um controle deslizante de métrica ao gráfico.
Filtro
Os filtros restringem os dados mostrados no componente ao incluir ou excluir os valores especificados. Saiba mais sobre a propriedade de filtro.
As opções de filtro incluem:
- Nome do filtro:clique em um filtro para editar. Passe o cursor sobre o nome do filtro e clique em X para excluir.
- Adicionar filtro:clique nesta opção para criar um novo filtro para o gráfico.
Dimensão do período
Essa opção vai aparecer caso sua fonte de dados tenha uma dimensão de data válida.
A dimensão "Período" é usada como base para limitar o intervalo de datas do gráfico. Por exemplo, essa é a dimensão usada quando você define uma propriedade de período no gráfico ou quando um leitor usa um controle para restringir o intervalo.
Filtro de período padrão
Com o filtro de período padrão, você pode definir um período para cada gráfico.
As opções de filtro de período padrão incluem:
- Automático:usa o período padrão, que é determinado pela fonte de dados do gráfico.
- Personalizado:permite usar o widget de agenda para selecionar um período personalizado no gráfico.
Saiba como trabalhar com datas e horas.
Classificação da dimensão detalhada
As opções de Classificação da dimensão em detalhes no painel de configuração do gráfico controlam o comportamento padrão de classificação. Você pode selecionar qualquer métrica na fonte de dados do gráfico ou qualquer dimensão exibida nele para usar como o campo de classificação principal ou secundário.
Interações com gráficos
Quando a opção Cruzamento de filtros está ativada em um gráfico, ele funciona como um controle de filtro. Você pode filtrar o relatório clicando ou passando o mouse sobre o gráfico. Saiba mais sobre o cruzamento de filtros.
Com a opção Zoom, você pode aplicar zoom e movimentar o gráfico para conferir todos os dados presentes. Saiba como aplicar zoom e movimentar os gráficos cartesianos.
Estilizar o gráfico
As opções na guia Estilo controlam a apresentação e a aparência gerais do gráfico.
Título do gráfico
Ative a chave Mostrar título para adicionar um título ao gráfico. O Looker Studio pode gerar um título automaticamente, ou você pode criar um título personalizado para o gráfico. Também é possível personalizar o estilo e o posicionamento do título.
Gerar automaticamente
Essa opção é ativada por padrão. Quando a opção Gerar automaticamente está ativada, o Looker Studio cria um título com base no tipo de gráfico e nos campos usados nele. O título gerado automaticamente será atualizado se você mudar o tipo de gráfico ou fizer alterações nos campos usados nele.
Para adicionar um título personalizado ao gráfico, insira-o no campo Título. Isso desativa a configuração Gerar automaticamente.
Opções de título
Quando a configuração Mostrar título está ativada, você pode usar as seguintes opções de título:
- Título:fornece um campo de texto em que os editores de relatórios podem inserir um nome personalizado para o gráfico.
- Família de fontes:define o tipo da fonte do texto do título.
- Tamanho da fonte:define o tamanho da fonte do texto do título.
- Cor da fonte:define a cor da fonte do texto do título.
- Opções de estilo de fonte:aplica negrito, itálico ou sublinhado ao texto do título.
- Acima:posiciona o título acima do gráfico.
- Parte de baixo:posiciona o título abaixo do gráfico.
- Esquerda:alinha o título à esquerda do gráfico.
- Centralizar:alinha o título acima ou abaixo do gráfico.
- Direita:alinha o título à direita do gráfico.
Gráfico de área
Esta seção controla a aparência e o layout gerais do seu gráfico.
- Mostrar pilha:empilha a série de dados.
- Empilhamento de 100%:quando essa opção é selecionada, os gráficos empilhados mostram a contribuição de cada série de dados para 100% do valor total.
- Mostrar cumulativo:quando ativada, as séries de dados são somadas ao longo do tempo. Caso contrário, os dados são mostrados sem agregação adicional.
- Mostrar pontos:mostra pontos de dados individuais. Os leitores podem passar o cursor sobre um ponto de dados para conferir o valor dele.
- Mostrar rótulos de dados: mostra valores individuais dos pontos de dados na série. Ao escolher essa opção, aparece também a seção Rótulo de dados, em que você pode controlar a apresentação dos rótulos no gráfico.
Rótulo de dados
Se você ativar a configuração Mostrar rótulos de dados na seção Gráfico de área, será possível configurar as opções a seguir.
- Compactar números:arredonda os números e mostra o indicador de unidades. Por exemplo, 553.939 vira 553,9 mil.
- Precisão decimal:define o número de casas decimais em valores métricos.
- Família de fontes:define o tipo de fonte do texto do marcador.
- Tamanho da fonte:define o tamanho da fonte do texto do marcador.
- Cor da fonte:define a cor da fonte do texto do rótulo.
- Opções de estilo da fonte:aplica negrito ou itálico ao texto do rótulo.
- Cor de plano de fundo:define uma cor de plano de fundo para o texto do rótulo.
- Opacidade dos rótulos:para rótulos com uma cor de plano de fundo personalizada, essa configuração ajusta a opacidade do plano de fundo para o texto do rótulo. A opacidade de 100% deixa o plano de fundo sólido; com 0%, ele fica totalmente transparente.
- Raio da borda dos rótulos:para rótulos com uma cor de plano de fundo personalizada, essa configuração adiciona bordas arredondadas ao plano de fundo do gráfico. Escolha um valor entre 0 px (quinas em 90°) e 20 px (arredondamento máximo).
Número de séries
Determina o número de séries da dimensão de detalhamento exibidas no gráfico. Selecione uma série para incluir no menu suspenso. As séries exibidas são baseadas nas especificações da classificação da dimensão de detalhamento.
Essa configuração fica disponível quando você define um valor para a dimensão de detalhamento.
Agrupar em "Outros"
Ative a opção Agrupar em "Outros" para agregar os resultados que estão fora do limite especificado de Número de séries em uma série com o rótulo Outros. Quando ativada, a opção Agrupar em "Outros" permite comparar outras séries com o contexto dos demais resultados.
Linhas de referência
Para incluir uma linha ou intervalo de referência no gráfico, selecione a opção Adicionar uma linha de referência ou Adicionar um intervalo de referência, respectivamente.
Para saber mais sobre linhas e intervalos de referência, acesse a página Adicionar linhas e intervalos de referência aos gráficos. Essas linhas não estão disponíveis para gráficos de áreas 100% empilhadas.
Colorir por
Nesta seção, você controla as cores dos seus dados. Saiba mais sobre como colorir os dados.
Essas opções aparecem quando seu gráfico tem uma dimensão secundária (detalhamento):
- Cor única:quando essa opção é selecionada, a série de dados aparece em tons de uma única cor. Caso contrário, o gráfico aparece em várias cores, de acordo com o tema do relatório. Você pode definir cores específicas usando o seletor correspondente a cada série de dados.
- Ordem da série:use o tema atual para colorir os dados de acordo com a posição deles no gráfico. Essa opção dá destaque à classificação dos dados em vez da identidade deles. Você pode definir cores específicas usando o seletor correspondente a cada série de dados.
- Valores de dimensão:essa opção colore cada valor de dimensão no gráfico com a cor especificada no mapa de cores. Essa opção garante que seus dados usem as cores de maneira consistente, independente da posição deles no gráfico.
Dados ausentes
Essa opção aparece quando sua dimensão de tempo está sem dados. Quando o Looker Studio determina que sua dimensão de tempo não tem dados, você pode selecionar uma das seguintes opções para indicar que não há dados:
- Linha até zero:quando você seleciona essa opção, uma série de linhas cai para zero nas datas que faltam. Essa é a opção padrão.
- Quebras de linha:quando essa opção é selecionada, os dados ausentes aparecem como quebras na série de dados.
- Interpolação linear:quando essa opção é selecionada, o Looker Studio continua a série conectando os pontos de dados em ambos os lados dos dados ausentes.
Zoom
Quando você ativa a opção Zoom para um gráfico na guia Configuração do painel Propriedades, é possível selecionar uma destas opções:
- Clique e arraste para aplicar zoom: aplique zoom clicando e arrastando para selecionar a parte da visualização que você quer ampliar.
- Rolar para aplicar zoom: aplique zoom rolando com o mouse.
Opcionalmente, clique na chave Movimentação/zoom apenas no eixo X para permitir que os usuários apliquem zoom e movimentação apenas ao longo do eixo X.
Eixos
Essas opções controlam a exibição dos títulos e escalas dos eixos do gráfico:
- Mostrar eixos:mostra ou oculta os eixos do gráfico.
- Cor do eixo:define a cor dos eixos.
- Cor do texto do eixo:define a cor do texto do eixo.
- Família de fontes:define o tipo de fonte do texto do eixo.
- Tamanho da fonte do eixo:define o tamanho da fonte do texto do eixo.
- Intervalo:define o intervalo do eixo. Você pode escolher Intervalo por período ou Intervalo por dados.
- Inversão da direção do eixo Y:controla a exibição vertical do eixo Y.
- Reverter a direção do eixo X:controla a exibição horizontal do eixo X.
Eixo Y à esquerda
Essas opções aparecem quando você ativa Mostrar eixos na seção Eixos. Uma seção Eixo Y direito com as mesmas opções aparece quando você tem mais de uma métrica no gráfico.
Essas opções controlam a exibição do eixo Y:
- Mostrar título do eixo:mostra ou oculta o título do eixo.
- Mostrar rótulos do eixo:mostra ou oculta os rótulos do eixo.
- Rotação (0° a 90°): define a rotação dos rótulos do eixo para facilitar a leitura. Essa opção aparece quando você ativa Mostrar rótulos dos eixos.
- Mostrar linha do eixo:mostra ou oculta a linha do eixo.
- Valor mínimo do eixo:define o valor mínimo do eixo.
- Valor máximo do eixo:define o valor máximo do eixo.
- Intervalo personalizado de marcação:controla o intervalo entre as marcações do eixo.
- Escala logarítmica:torna a escala do eixo logarítmica.
Eixo X
Essas opções controlam como o eixo X do gráfico é mostrado. Essas opções aparecem quando você ativa Mostrar eixos na seção Eixos:
- Mostrar título do eixo:mostra ou oculta o título do eixo.
- Mostrar rótulos do eixo:mostra ou oculta os rótulos do eixo.
- Rotação (0° a 90°): define a rotação dos rótulos do eixo para facilitar a leitura. Essa opção aparece quando você ativa Mostrar rótulos dos eixos.
- Mostrar linha do eixo:mostra ou oculta a linha do eixo.
- Intervalo personalizado de marcação:controla o intervalo entre as marcações do eixo.
Grade
Essas opções controlam a aparência da grade do gráfico:
- Plano de fundo da grade:define a cor do plano de fundo do gráfico.
- Cor da borda da grade:define a cor da borda interna do gráfico.
- Mostrar linhas de grade do eixo X:mostra a linha de grade do eixo X.
- Estilo das linhas de grade:define o estilo da linha da grade do eixo X. Essa opção só está disponível quando a opção Mostrar linhas de grade do eixo X está ativada.
- Cor da linha de grade:define a cor da linha de grade do eixo X. Essa opção só está disponível quando a opção Mostrar linhas de grade do eixo X está ativada.
- Mostrar linhas de grade do eixo Y:mostra a linha de grade do eixo Y.
- Estilo da linha de grade:define o estilo da linha da grade do eixo Y. Essa opção só está disponível quando Mostrar linhas de grade do eixo Y está ativada.
- Cor da linha de grade:define a cor da linha de grade do eixo Y. Essa opção só está disponível quando Mostrar linhas de grade do eixo Y está ativada.
Legenda
Essas opções determinam o posicionamento e a aparência da legenda do gráfico:
- Mostrar legenda:quando ativada, mostra a legenda do gráfico.
- Posição:define a posição da legenda.
- Alinhamento:define o alinhamento da legenda em relação à posição selecionada.
Alinhar a legenda com a grade:define o alinhamento da legenda com a posição da grade, em vez de alinhar com o título.
Número máximo de linhas:define o número de linhas usadas pela legenda. Se o número de séries exigir mais linhas, clique nas setas < e > para mostrar os itens excedentes.
Família de fontes:define o tipo da fonte da legenda.
Tamanho da fonte:define o tamanho da fonte da legenda.
Cor da fonte:define a cor da fonte da legenda.
Segundo plano e borda
Essas opções controlam a aparência do contêiner de plano de fundo do gráfico:
- Plano de fundo:define a cor do plano de fundo do gráfico.
- Opacidade:define a opacidade do gráfico. A opacidade de 100% oculta completamente os objetos atrás do gráfico. 0% de opacidade torna o gráfico invisível.
- Cor da borda:define a cor da borda do gráfico.
- Raio da borda:adiciona bordas arredondadas ao plano de fundo do gráfico. Quando o raio é igual a 0, o formato do segundo plano apresenta cantos com ângulo de 90°. Um raio de borda de 100° produz um formato circular.
- Espessura da borda:define a espessura da linha da borda do gráfico.
- Estilo da borda:define o estilo da linha da borda do gráfico.
- Adicionar sombra na borda:inclui uma sombra nas bordas inferior e direita do gráfico.
Cabeçalho do gráfico
Com o cabeçalho do gráfico, os leitores realizam várias ações no gráfico, como exportar, recolher, detalhar ou classificar os dados. As opções de cabeçalho do gráfico incluem:
- Cabeçalho do gráfico:controla onde o cabeçalho aparece no gráfico. As opções de Cabeçalho do gráfico incluem o seguinte:
- Não mostrar:as opções de cabeçalho nunca aparecem. Os leitores de relatórios sempre podem acessar as opções clicando com o botão direito do mouse no gráfico.
- Mostrar sempre:as opções de cabeçalho sempre aparecem.
- Mostrar ao passar o cursor (padrão): três pontos verticais aparecem quando você mantém o ponteiro sobre o cabeçalho do gráfico. Clique neles para acessar as opções de cabeçalho.
- Cor da fonte do cabeçalho:define a cor das opções do cabeçalho do gráfico.
Redefinir para o tema do relatório
Clique em Redefinir para o tema do relatório para redefinir as configurações do gráfico para as configurações do tema do relatório.