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.

Elysia Tools

Navegação

Data Visualization

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

Execução

Executar esta ferramenta

Preencha o formulário, execute a ferramenta e veja o resultado no mesmo lugar.

Entradas

As opções estão agrupadas para deixar formulários longos mais fáceis de revisar.

19 opções

ConteúdoCole ou digite os valores principais.6

Dados do GráficotextareaObrigatórioDados para o gráfico empilhado. Suporta JSON multi-séries para empilhamento ou array de série únicaTítulo do GráficotextOpcionalTítulo que será exibido acima do gráficoCores da ÁreatextOpcionalCores para múltiplas áreas (cores hex separadas por vírgula). Deixe vazio para cores padrão.Opacidade de PreenchimentotextOpcionalOpacidade do preenchimento da área (0.1 a 1.0)Rótulo do Eixo XtextOpcionalRótulo para o eixo XRótulo do Eixo YtextOpcionalRótulo para o eixo Y

ConfiguraçõesAjuste formatos, intervalos, números e modos.7

Tipo de CurvaselectOpcionalCor de FundocolorOpcionalCor de fundo para o contêiner do gráficoCor da GradecolorOpcionalCor para as linhas da gradeLargura da LinhanumberOpcionalLargura das linhas de limite da área em pixelsAltura do GráficonumberOpcionalAltura do gráfico em pixelsValor MáximonumberOpcionalValor máximo para o eixo Y (deixe vazio para escala automática)Valor MínimonumberOpcionalValor mínimo para o eixo Y

AlternânciasAtive ou desative comportamentos opcionais.6

Mostrar Linhas da GradecheckboxOpcionalAtivo quando marcadoMostrar linhas da grade para melhor legibilidadeMostrar Pontos de DadoscheckboxOpcionalAtivo quando marcadoMostrar pontos de dados nas áreasMostrar Valores nos PontoscheckboxOpcionalAtivo quando marcadoMostrar os valores reais nos pontos de dadosMostrar Linha TotalcheckboxOpcionalAtivo quando marcadoMostrar uma linha mostrando o total cumulativoNormalizar para 100%checkboxOpcionalAtivo quando marcadoConverter valores em porcentagens mostrando contribuição relativaMostrar LegendacheckboxOpcionalAtivo quando marcadoMostrar uma legenda abaixo do gráfico

Resultado

Pronto para executar

Depois de executar, arquivos, texto, dados estruturados ou saída em streaming aparecerão aqui.

Exemplos

Exemplos compatíveis com esta ferramenta

Relacionado

Gerador de Gráficos de Área Empilhada

Executar esta ferramenta

Entradas

Resultado

Exemplos compatíveis com esta ferramenta

Continue com ferramentas e temas relacionados

Entradas

Resultado

Veja quando usar esta ferramenta, o que ela suporta e como os usuários a aplicam.

Fatos principais

Visão geral

Quando usar

Como funciona

Casos de uso

Exemplos

1. Relatório de Vendas Trimestral

2. Distribuição de Tráfego Web

Perguntas frequentes

Exemplos Avançados de Aplicação Grafana

Exemplos D3.js Data Visualization

Amostras JSON de Terraform Plan

Exemplos de Códigos QR

Bar Chart Generator

Gerador de Gráfico de Bolhas

Gerador de Gráfico de Barras de Comparação

Gerador de Gráfico de Donut

Geradores de Gráficos e Diagramas

Geradores de schema JSON, dados mock e fixtures de API

Ferramentas de intercambio JSON e traducao de formatos

Ferramentas de inspecao, diff e transformacao JSON