# Gerador de Gráficos de Área Empilhada

Gerar gráficos de área empilhada mostrando tendências cumulativas de múltiplas séries de dados, perfeito para visualizar tendências totais e contribuições de componentes

> Página canônica: https://elysiatools.com/pt/tools/stacked-area-chart

- **Categoria:** Data Visualization

- **Palavras-chave:** gráfico de área empilhada, gráfico, visualização, gráfico cumulativo, tendência, dados, gerador, total, composição

## Visão geral

O Gerador de Gráficos de Área Empilhada permite transformar conjuntos de dados complexos em visualizações claras, destacando como diferentes componentes contribuem para um total acumulado ao longo do tempo.

## Entradas

- **Dados do Gráfico** (textarea): Dados para o gráfico empilhado. Suporta JSON multi-séries para empilhamento ou array de série única
- **Título do Gráfico** (text): Título que será exibido acima do gráfico
- **Tipo de Curva** (select): Selecionar tipo de curva
- **Cores da Área** (text): Cores para múltiplas áreas (cores hex separadas por vírgula). Deixe vazio para cores padrão.
- **Opacidade de Preenchimento** (text): Opacidade do preenchimento da área (0.1 a 1.0)
- **Cor de Fundo** (color): Cor de fundo para o contêiner do gráfico
- **Cor da Grade** (color): Cor para as linhas da grade
- **Largura da Linha** (number): Largura das linhas de limite da área em pixels
- **Altura do Gráfico** (number): Altura do gráfico em pixels
- **Valor Máximo** (number): Valor máximo para o eixo Y (deixe vazio para escala automática)
- **Valor Mínimo** (number): Valor mínimo para o eixo Y
- **Rótulo do Eixo X** (text): Rótulo para o eixo X
- **Rótulo do Eixo Y** (text): Rótulo para o eixo Y
- **Mostrar Linhas da Grade** (checkbox): Mostrar linhas da grade para melhor legibilidade
- **Mostrar Pontos de Dados** (checkbox): Mostrar pontos de dados nas áreas
- **Mostrar Valores nos Pontos** (checkbox): Mostrar os valores reais nos pontos de dados
- **Mostrar Linha Total** (checkbox): Mostrar uma linha mostrando o total cumulativo
- **Normalizar para 100%** (checkbox): Converter valores em porcentagens mostrando contribuição relativa
- **Mostrar Legenda** (checkbox): Mostrar uma legenda abaixo do gráfico

## Quando usar

- Para visualizar a evolução de um valor total composto por várias categorias.
- Ao comparar a contribuição relativa de diferentes séries de dados em um período.
- Para apresentar tendências de crescimento cumulativo de forma intuitiva e profissional.

## Como funciona

- Insira seus dados no formato JSON, especificando rótulos e as séries de valores correspondentes.
- Personalize a aparência do gráfico ajustando o tipo de curva, cores das áreas e opacidade.
- Configure elementos visuais como linhas de grade, rótulos de eixos e legendas para melhorar a clareza.
- Gere o gráfico instantaneamente e utilize a visualização para relatórios ou apresentações.

## Casos de uso

- Monitoramento de receita mensal dividida por diferentes linhas de produtos.
- Análise de tráfego de site segmentado por canais de aquisição ao longo do ano.
- Visualização de consumo de recursos ou despesas operacionais por departamento.

## Perguntas frequentes

### O que é um gráfico de área empilhada?

É um gráfico que mostra a mudança de valores ao longo do tempo, onde cada série é empilhada sobre a anterior, permitindo ver tanto o total quanto a parte de cada categoria.

### Posso usar dados de uma única série?

Sim, a ferramenta suporta tanto dados multi-séries quanto séries únicas para visualizações mais simples.

### Como personalizo as cores das áreas?

Você pode inserir códigos de cores hexadecimais separados por vírgula no campo 'Cores da Área'.

### O que faz a opção 'Normalizar para 100%'?

Ela converte todos os valores em porcentagens, focando na contribuição relativa de cada série em vez dos valores absolutos.

### É possível exportar o gráfico?

O gerador produz uma visualização em formato HTML pronta para ser incorporada ou capturada para seus documentos.

## Ferramentas relacionadas

- [Bar Chart Generator](https://elysiatools.com/pt/tools/bar-chart-generator): Generate customizable bar charts from data with various styling options
- [Gerador de Gráfico de Bolhas](https://elysiatools.com/pt/tools/bubble-chart-generator): Gerar gráficos de bolhas personalizáveis a partir de dados com três dimensões (x, y, tamanho)
- [Gerador de Gráfico de Barras de Comparação](https://elysiatools.com/pt/tools/comparison-bar-chart): Gerar gráficos de barras costas com costas para comparação de valores positivos e negativos, perfeito para contrastar conjuntos de dados
- [Gerador de Gráfico de Donut](https://elysiatools.com/pt/tools/donut-chart-generator): Gerar gráficos de donut personalizáveis a partir de dados com várias opções de estilo, perfeito para mostrar proporções com espaço central
- [Gerador de Gráfico de Funil](https://elysiatools.com/pt/tools/funnel-chart-generator): Gerar gráficos de funil personalizáveis a partir de dados, perfeito para mostrar taxas de conversão, pipelines de vendas e fluxos de processos
- [Gerador de Gráfico de Gantt](https://elysiatools.com/pt/tools/gantt-chart-generator): Criar gráficos de Gantt profissionais com linhas de tempo de tarefas, dependências, acompanhamento de progresso e marcadores de marcos
- [Gerador de Medidor](https://elysiatools.com/pt/tools/gauge-chart-generator): Gerar medidores personalizáveis a partir de dados, perfeito para mostrar KPIs, métricas e indicadores de desempenho
- [Gerador de Mapa de Calor](https://elysiatools.com/pt/tools/heatmap-generator): Gerar mapas de calor personalizáveis a partir de dados, perfeito para visualizar densidade de dados, correlações e padrões

## Exemplos

- [Exemplos Avançados de Aplicação Grafana](https://elysiatools.com/pt/samples/grafana-samples): Exemplos compreensivos de Grafana cobrindo design avançado de dashboards, configuração de alertas, integração de fontes de dados e desenvolvimento de plugins
- [Exemplos D3.js Data Visualization](https://elysiatools.com/pt/samples/d3js-data-visualization): Exemplos abrangentes de visualização de dados D3.js incluindo gráficos, mapas, animações e visualizações interativas
- [Amostras JSON de Terraform Plan](https://elysiatools.com/pt/samples/terraform-plan-json-samples): Arquivos Terraform plan JSON para visualizacao de dependencias e revisao de mudancas, no estilo terraform show -json
- [Exemplos de Códigos QR](https://elysiatools.com/pt/samples/qrcode-samples): Imagens de código QR de exemplo para testar ferramentas de leitura e geração de código QR