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 representa dois gráficos de área. Eles mostram os dados de venda de um pet shop fictício. O primeiro gráfico incluem 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 Qty. Sold 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
Gráfico de áreas 100% empilhadas
Configurar o gráfico
Selecione um gráfico ou adicione um novo. Em seguida, à direita, use o painel Propriedades para configurar as propriedades das guias Configuração e Estilo 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 em
. 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 como combinar dados.
Dimensão do período
Essa opção vai aparecer caso sua fonte de dados tenha uma dimensão de data válida.
Observação: essa opção não aparece para as fontes de dados do Google Ads ou do Analytics porque elas selecionam de forma automática uma dimensão do tipo Data na fonte.
A dimensão Período é usada como base para limitar o tempo 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.
Dimensão
As dimensões são categorias de dados. Os valores dela (dados contidos na dimensão) são nomes, descrições ou outras características de uma categoria.
Detalhar
Essa opção aparece em gráficos compatíveis.
O detalhamento faz com que o gráfico tenha ainda mais informações relevantes. Ao ativar 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 detalhes
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.
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 ou são resultado da aplicação implícita ou explícita de uma função de agregação, como COUNT(), SUM() ou AVG(). Elas não têm um conjunto definido de valores, então não é possível criar agrupamentos com base nelas da mesma forma que fazemos com uma dimensão.
Métricas opcionais
Para adicionar métricas opcionais, selecione a chave Métricas opcionais e escolha uma opção no seletor de campo Adicionar métrica. Também é possível arrastar e soltar métricas da lista de campos no painel Dados até o 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 diagrama de caixa.
Definir a classificação padrão
As opções Classificar e Classificação da dimensão de detalhamento 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 que aparece nele para usar como o campo de classificação principal ou secundário.
Período padrão
Com a propriedade de período padrão, você pode definir um período para cada gráfico.
Opções de período padrão
| Automático | Usa o período padrão, que é determinado pela fonte de dados do gráfico. |
| Personalizado | Permite que você use o widget de agenda para selecionar um período personalizado no gráfico. |
| Tipo de comparação de datas | Mostra dados de comparação para o período selecionado. |
Filtro
Os filtros restringem os dados mostrados no componente ao incluir ou excluir os valores especificados. Saiba mais sobre a propriedade de filtro.
Opções de filtro
| Nome do filtro | Clique em um filtro para editar. Passe o mouse sobre o nome do filtro e clique no X para excluir. |
| + Adicionar um filtro | Clique nesta opção para criar um novo filtro para o gráfico. |
Interações de gráfico
Quando a opção Cruzamento de filtros está ativada em um gráfico, esse gráfico funciona como um controle de filtros. 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.
As opções na guia Estilo controlam a apresentação e a aparência gerais do gráfico.
Título
Marque a caixa de seleção Mostrar título se quiser adicionar um título com aparência e posição personalizadas no gráfico.
Opções dos títulos
| Título | Fornece um campo de texto em que os editores de relatórios podem inserir um nome personalizado para o gráfico. |
|
Tipo da fonte do título |
Define o tipo da fonte do texto do título. |
| Tamanho da fonte do título | Define o tamanho da fonte do texto do título. |
| Opções de estilo da fonte | Aplica negrito, itálico ou sublinhado ao texto do título. |
| Cor da fonte do título | Define a cor da fonte do texto do título. |
| Esquerda | Alinha o título à esquerda do gráfico. |
| Centro |
Alinha o título à direita do gráfico. |
| Direita | Centraliza o título acima ou abaixo do gráfico. |
| Principais | Posiciona o título acima do gráfico. |
| Parte inferior | Posiciona o título abaixo 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. | |
| 100% de empilhamento | 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 acumulado | Quando essa opção é marcada, as séries de dados são somadas com o tempo. Caso contrário, os dados são mostrados sem agregação extra. | |
| Exibir 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ê marcar a caixa de seleçã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 |
Esta opção 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. | |
| Tamanho da fonte dos rótulos | Define o tamanho da fonte do texto do rótulo. | |
| Cor da fonte dos rótulos | Define a cor da fonte do texto do rótulo. | |
| Família de fontes dos rótulos | Define o tipo de fonte do texto do marcador. | |
| Opções de estilo da fonte | Aplica negrito ou itálico ao texto do rótulo. | |
| Plano de fundo dos rótulos | Define a cor do plano de fundo para o texto do marcador. | |
| 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). | |
Linhas de referência
Para incluir uma linha ou um intervalo de referência no gráfico, selecione a opção Adicionar uma linha de referência ou Adicionar um intervalo de referência.
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.
Número de séries
Determina o número de séries da dimensão de detalhamento exibidas no gráfico. Essa configuração fica disponível quando você define um valor para a dimensão de detalhamento. Selecione uma série para mostrar no menu suspenso. As séries exibidas são baseadas nas especificações da classificação da dimensão de detalhamento.
Agrupar em "Outros"
Marque a caixa de seleção Agrupar em "Outros" para agregar os resultados que estão fora do limite especificado de Número de séries na série Outros. Faça isso para comparar outras séries com os outros resultados contextualizados.
Cor de acordo com
Nesta seção, você controla as cores dos seus dados. Saiba mais sobre como definir as cores dos dados.
Essas opções são exibidas quando seu gráfico tem uma dimensão secundária (detalhamento).
| Cor única |
Quando essa opção está selecionada, as séries de dados aparecem em tons de uma única cor. Se não está, 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 na 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, seja qual for a posição deles no gráfico. |
Dados ausentes
Essa opção aparece quando sua dimensão de tempo está sem dados. O Looker Studio oferece três maneiras de lidar com essa situação.
Observação: essa opção não afeta as séries de barras. No entanto, a opção "Linha até zero" afeta uma linha de tendência.
| Linha até zero | Quando você seleciona essa opção, uma série de linha cai para zero nas datas que faltam. Essa é a opção padrão. |
| Quebras de linha | Quando essa opção é selecionada, as informações faltando aparecem como quebras na série de dados. |
| Interpolação linear | Quando essa opção é selecionada, o Looker Studio dá continuidade à série ligando os pontos de dados em ambos os lados dos dados ausentes. |
Zoom
Depois de ativar a opção Zoom para um gráfico na guia Configuração do painel de Propriedades, selecione 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.
- Role para aplicar zoom: aplique zoom rolando com o mouse.
Opcionalmente, marque a caixa de seleção Movimentação/zoom apenas no eixo X para permitir 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. Uma seção do eixo Y aparece à direita quando você tem mais de uma métrica no gráfico.
Opções de eixo
| Mostrar eixos | Mostra ou oculta os eixos do gráfico. |
| Reverter a 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 controlam como o eixo Y à esquerda do gráfico é mostrado. Uma seção do eixo Y aparece à direita quando você tem mais de uma métrica no gráfico.
Opções de eixo
| Mostrar título do eixo | Mostra ou oculta os rótulos do eixo. | |
| Valores mínimos e máximos do eixo | Define valores mínimos e máximos para o eixo. | |
| Intervalo personalizado de marcação | Controla o intervalo entre as marcações do eixo. | |
| Escala de registro | Torna a escala do eixo logarítmica. | |
Eixo X
Essas opções controlam como o eixo X do gráfico é mostrado.
Opções de eixo
| Mostrar título do eixo | Mostra ou oculta os rótulos do eixo. | |
| Intervalo personalizado de marcação | Controla o intervalo entre as marcações do eixo. | |
| Intervalo | Define o intervalo do eixo X. | |
Grade
Essas opções controlam a aparência da grade do gráfico.
| Cor do eixo | Define a cor das linhas do eixo. | |
| Cor da grade | Define a cor das linhas da grade. | |
| Família de fontes | Define o tipo de fonte do texto da linha de grade. | |
| Tamanho da fonte do eixo | Define o tamanho da fonte do texto da linha de grade. | |
| Segundo plano do gráfico | Define a cor de fundo do gráfico. | |
| Cor da borda do gráfico | Define a cor da borda interna do gráfico. | |
Legenda
Essas opções determinam o posicionamento da legenda do gráfico.
| Cor da fonte da legenda | Define a cor da fonte da legenda. |
| Tamanho da fonte | Define o tamanho da fonte da legenda. |
| Família de fontes | Define o tipo da fonte da legenda. |
| Nenhuma |
Nenhuma legenda aparece. |
| Direita | A legenda é exibida à direita. |
| Parte de baixo | A legenda é exibida na parte inferior. |
| Superior | A legenda aparece na parte de cima. |
| Alinhamento | Define o alinhamento da legenda em relação à posição selecionada. |
| 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. Essa configuração só é aplicada quando a legenda está definida como Parte superior. Essa configuração não tem efeito se a legenda estiver definida como Direita ou Parte inferior. |
Plano de fundo e borda
Essas opções controlam a aparência do contêiner de plano de fundo do gráfico.
| Segundo plano | Define a cor do plano de fundo 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. |
| Opacidade | Define a opacidade do gráfico: 100% de opacidade oculta completamente os objetos atrás do gráfico, enquanto 0% de opacidade torna o gráfico invisível. |
| Cor da borda | Define a cor da borda do gráfico. |
| 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 são as seguintes:
| Mostrar ao passar o cursor (padrão) | Três pontos verticais aparecem quando você passa o mouse sobre o cabeçalho do gráfico. Clique neles para acessar as opções de cabeçalho. |
| Mostrar sempre | As opções de cabeçalho sempre serão exibidas. |
| 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. |
| Cor | Define a cor das opções do cabeçalho do gráfico. |