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).
A métrica nos dois gráficos é 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
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, você pode mostrar 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.
Configurar o gráfico
Adicione um gráfico ou selecione um existente. Em seguida, use o painel Propriedades para configurar as propriedades das guias Configuração e Estilo do gráfico.
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 em
. Você precisa ter, pelo menos, permissão de leitor para que esse ícone apareça. - Clique em + COMBINAR DADOS para conferir dados de várias fontes no mesmo gráfico. Saiba mais sobre a combinação de dados.
Dimensão do período
Essa opção aparece se a fonte de dados tiver 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 Google Analytics porque elas selecionam automaticamente uma dimensão do tipo Data na fonte.
A dimensão Período é usada como base para limitar o período 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 do relatório usa um controle para restringir o intervalo.
Dimensão
As dimensões são categorias de dados. Os valores de dimensão (dados contidos na dimensão) são nomes, descrições ou outras características de uma categoria.
É necessário usar pelo menos uma dimensão de tempo. A primeira serve como a série principal de dados do gráfico. Se você especificar uma dimensão de detalhamento, o gráfico ficará limitado a uma única métrica.
Detalhar
Essa opção aparece em gráficos compatíveis.
Com o detalhamento, os usuários podem exibir informações adicionais no gráfico. Ao ativar a opção Detalhar ,cada dimensão adicionada se torna outro nível de detalhamento. Saiba mais sobre o detalhamento de gráficos.
Dimensão detalhada
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 medem 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(). A métrica em si não tem um conjunto definido de valores. Portanto, não é possível agrupar por uma métrica, como acontece 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, 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 exibida no momento no gráfico para usar como o campo de classificação principal ou secundário.
A opção Classificação da dimensão de detalhamento só aparece quando uma dimensão de detalhamento é definida.
Ao especificar uma métrica como um campo de classificação, você pode editar a agregação do campo. Por exemplo, é possível incluir um campo numérico no gráfico como SUM, mas ordenar pelo valor de AVERAGE desse mesmo campo.
Período padrão
Com a propriedade 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. |
Saiba mais sobre como trabalhar com datas e horas.
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 editá-lo. Passe o cursor sobre o nome do filtro e clique no X para excluir. |
| +Adicionar um filtro | Clique nesta opção para criar um filtro para o gráfico. |
Interações de gráfico
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
Ative a opção 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 a posição do título.
Gerar automaticamente
Essa opção é ativada por padrão. Quando a opção Autogerar é selecionada, o Looker Studio gera um título com base no tipo de gráfico e nos campos usados. 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 vai limpar a caixa de seleção Autogenerate e desativar essa configuração.
Opções de título
| Título | Fornece um campo de texto em que os editores de relatórios podem inserir um título personalizado para o gráfico. |
| Tipo de fonte do título |
Define o tipo de 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. |
| Centralizar | Alinha o título acima ou abaixo do gráfico. |
| Direita | Centraliza o título à direita do gráfico. |
| Topo | 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 adicional. | |
| 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.
| Números compactos | Arredonda números e exibe 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 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, e 0% deixa o plano de fundo 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 (cantos 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 detalhada. 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.
Agrupar em "Outros"
Marque a caixa de seleção Agrupar 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. Faça isso para comparar outras séries com os outros resultados contextualizados.
Colorir de acordo com
Nesta seção, você controla as cores dos seus dados. Saiba mais sobre como colorir seus dados.
Essas opções aparecem quando você tem uma dimensão secundária (detalhamento) no gráfico.
| Cor única | Quando essa opção está selecionada, as séries de dados aparecem 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](/looker/docs/studio/como-colorir-seus-relatórios). 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, independentemente da posição desses dados 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.
| 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 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 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 correta do eixo Y aparece 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ínimo e máximo do eixo | Define valores mínimos e máximos para o eixo. | |
| Intervalo de marcação personalizado | 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.
Opções de eixo
| Mostrar título do eixo | Mostra ou oculta os rótulos do eixo. | |
| Intervalo de marcação personalizado | 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. | |
| Plano de fundo do gráfico | Define a cor do plano 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 de fonte da legenda. |
| Nenhum | Nenhuma legenda aparece. |
| Direita | A legenda aparece à direita. |
| Parte inferior | A legenda aparece na parte de baixo. |
| Topo | 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 Inferior. |
Plano de fundo e borda
Essas opções controlam a aparência do contêiner de plano de fundo do gráfico.
| Contexto | 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. A opacidade de 100% oculta completamente os objetos atrás do gráfico. A opacidade de 0% 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 | Adiciona uma sombra às 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. |
| Sempre mostrar | As opções de cabeçalho sempre aparecem. |
| 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. |