Categorias

← View All Tools

Gerador de Gráfico de Barras Empilhadas

Gerar gráficos de barras empilhadas interativos para visualizar a composição de dados categóricos, perfeito para comparar múltiplas séries de dados entre categorias

Dados para o gráfico de barras empilhadas em formato JSON com campos categoria, série e valor

Título que será exibido acima do gráfico

Array JSON de cores hex (requer seleção de cores personalizadas)

Altura do gráfico em pixels (mín: 300, máx: 800)

Espaçamento entre barras (0.1 - 0.5)

Cor de fundo para o contêiner do gráfico

Exibir valores ou porcentagens nas barras

Exibir legenda de cores para séries

Exibir linhas de grade horizontais

Animar barras quando o gráfico carrega

Mostrar porcentagens em vez de valores nas barras

Mostrar informações detalhadas ao passar o mouse

Fatos principais

Categoria
Data Visualization
Tipos de entrada
textarea, text, select, number, color, checkbox
Tipo de saída
html
Cobertura de amostras
4
API disponível
Yes

Visão geral

O Gerador de Gráfico de Barras Empilhadas permite criar visualizações interativas e profissionais para analisar a composição de dados categóricos, facilitando a comparação de múltiplas séries de valores em um único formato intuitivo.

Quando usar

  • •Quando você precisa comparar a contribuição de diferentes subcategorias para um total em várias categorias.
  • •Ao analisar a evolução de séries de dados ao longo do tempo, como vendas mensais por produto.
  • •Para apresentar proporções de dados categóricos de forma clara e visualmente organizada em relatórios ou apresentações.

Como funciona

  • •Insira seus dados no formato JSON, especificando a categoria, a série e o valor correspondente.
  • •Personalize o visual do gráfico ajustando o esquema de cores, o formato dos valores e a altura do contêiner.
  • •Ative opções como legendas, linhas de grade, dicas ao passar o mouse e animações para tornar o gráfico mais interativo.
  • •Gere o gráfico instantaneamente e utilize a visualização para extrair insights dos seus dados.

Casos de uso

Comparação de desempenho de vendas por produto em diferentes trimestres.
Visualização da distribuição de gastos orçamentários por departamento ao longo do ano.
Análise de participação de mercado de diferentes marcas em diversas regiões geográficas.

Exemplos

1. Relatório Trimestral de Vendas

Analista de Negócios
Contexto
O analista precisa comparar o volume de vendas de três produtos diferentes ao longo de quatro trimestres para identificar tendências de crescimento.
Problema
Visualizar a contribuição de cada produto no total de vendas trimestrais de forma comparativa.
Como usar
Inserir os dados de vendas no campo JSON e selecionar o esquema de cores 'Profissional'.
Configuração de exemplo
[{"category": "Q1", "series": "Produto A", "value": 100}, {"category": "Q1", "series": "Produto B", "value": 150}, {"category": "Q2", "series": "Produto A", "value": 120}, {"category": "Q2", "series": "Produto B", "value": 180}]
Resultado
Um gráfico de barras empilhadas claro que mostra o crescimento das vendas totais e a fatia de mercado de cada produto por trimestre.

Testar com amostras

json
Exemplos Avançados de Aplicação Grafana
Exemplos compreensivos de Grafana cobrindo design avançado de dashboards, configuração de alertas, integração de fontes de dados e desenvolvimento de plugins
preferred input family json
json
Exemplos D3.js Data Visualization
Exemplos abrangentes de visualização de dados D3.js incluindo gráficos, mapas, animações e visualizações interativas
preferred input family json
json
Exemplos PDF
Exemplos PDF gerados por ferramentas de 2026-02-01 a 2026-02-10
preferred input family json
json
Exemplos de Comunicação em Tempo Real WebRTC
Exemplos completos WebRTC para comunicação áudio/vídeo P2P, canais de dados, compartilhamento de tela e servidor de sinalização
preferred input family json
json

Hubs relacionados

Ferramentas de Json para Convert
Explore 100 ferramentas de json para fluxos de convert e encontre utilitários próximos com rapidez.
Ferramentas de Json
Explore 43 ferramentas de json para fluxos de utility e encontre utilitários próximos com rapidez.
Ferramentas de Json para Generate
Explore 33 ferramentas de json para fluxos de generate e encontre utilitários próximos com rapidez.
Ferramentas de Json para Format
Explore 6 ferramentas de json para fluxos de format e encontre utilitários próximos com rapidez.

FAQ

Qual formato de dados é aceito?

O gerador aceita dados no formato JSON, contendo os campos 'category', 'series' e 'value'.

Posso personalizar as cores do gráfico?

Sim, você pode escolher entre esquemas predefinidos como 'Pastel' ou 'Vibrante', ou definir suas próprias cores usando um array de códigos hexadecimais.

É possível exibir porcentagens em vez de valores absolutos?

Sim, basta marcar a opção 'Mostrar Porcentagens' nas configurações para que o gráfico converta os valores automaticamente.

O gráfico é interativo?

Sim, o gráfico suporta dicas (tooltips) ao passar o mouse e animações de carregamento para uma melhor experiência do usuário.

Existe limite para o número de séries?

Não há um limite rígido, mas recomendamos manter um número razoável de séries para garantir que o gráfico permaneça legível e claro.

Documentação da API

Ponto final da solicitação

POST /pt/api/tools/stacked-bar-chart

Parâmetros da solicitação

Nome do parâmetro Tipo Requerido Descrição
chartData textarea Sim Dados para o gráfico de barras empilhadas em formato JSON com campos categoria, série e valor
chartTitle text Não Título que será exibido acima do gráfico
colorScheme select Não -
customColors textarea Não Array JSON de cores hex (requer seleção de cores personalizadas)
valueFormat select Não -
chartHeight number Não Altura do gráfico em pixels (mín: 300, máx: 800)
barSpacing number Não Espaçamento entre barras (0.1 - 0.5)
backgroundColor color Não Cor de fundo para o contêiner do gráfico
showValues checkbox Não Exibir valores ou porcentagens nas barras
showLegend checkbox Não Exibir legenda de cores para séries
showGrid checkbox Não Exibir linhas de grade horizontais
showAnimation checkbox Não Animar barras quando o gráfico carrega
showPercentage checkbox Não Mostrar porcentagens em vez de valores nas barras
enableTooltip checkbox Não Mostrar informações detalhadas ao passar o mouse

Formato de resposta

{
  "result": "
Processed HTML content
",
  "error": "Error message (optional)",
  "message": "Notification message (optional)",
  "metadata": {
    "key": "value"
  }
}
HTML: HTML

Documentação de MCP

Adicione este ferramenta à sua configuração de servidor MCP: 

{
  "mcpServers": {
    "elysiatools-stacked-bar-chart": {
      "name": "stacked-bar-chart",
      "description": "Gerar gráficos de barras empilhadas interativos para visualizar a composição de dados categóricos, perfeito para comparar múltiplas séries de dados entre categorias",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=stacked-bar-chart",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

Você pode encadear várias ferramentas, ex: `https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`, máx 20 ferramentas.

Se você encontrar algum problema, por favor, entre em contato conosco em [email protected]