Categorias

← View All Tools

Gerador de Gráfico de Barras Agrupadas

Gerar gráficos de barras agrupadas para comparar múltiplas categorias lado a lado, perfeito para comparações multi-categoria e análise comparativa

Dados multi-séries com arrays de categorias e séries. Cada série deve ter o mesmo número de pontos de dados que as categorias.

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

Cores para diferentes séries (cores hex separadas por vírgula). Deixe vazio para cores padrão.

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

Cor para as linhas da grade

Largura das barras individuais em pixels (ajusta automaticamente se for muito grandes)

Espaçamento entre diferentes grupos em pixels

Altura do gráfico em pixels

Valor máximo para o eixo (deixe vazio para escala automática)

Valor mínimo para o eixo (deixe vazio para detecção automática)

Rótulo para o eixo X

Rótulo para o eixo Y

Mostrar linhas da grade para melhor legibilidade

Mostrar os valores reais nas ou perto das barras

Mostrar uma legenda abaixo do gráfico

Fatos principais

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

Visão geral

O Gerador de Gráfico de Barras Agrupadas permite criar visualizações profissionais para comparar múltiplas categorias lado a lado, facilitando a análise de dados complexos e a identificação de tendências entre diferentes séries.

Quando usar

  • •Comparar o desempenho de diferentes produtos ao longo de vários trimestres.
  • •Analisar variações de métricas entre diferentes grupos ou departamentos.
  • •Apresentar dados multi-séries de forma clara e organizada em relatórios ou apresentações.

Como funciona

  • •Insira seus dados no formato JSON, definindo as categorias e as séries correspondentes.
  • •Personalize o visual ajustando a orientação, cores das barras, largura e espaçamento.
  • •Configure os rótulos dos eixos e a exibição de valores para garantir a legibilidade.
  • •Gere o gráfico instantaneamente para visualizar a comparação dos seus dados.

Casos de uso

Comparação de vendas mensais entre diferentes filiais de uma empresa.
Análise de resultados de testes A/B com múltiplas variáveis de controle.
Visualização de crescimento de mercado por região ao longo dos anos.

Exemplos

1. Comparativo de Vendas Trimestrais

Analista de Negócios
Contexto
O analista precisa apresentar o desempenho de três produtos diferentes ao longo de três trimestres para a diretoria.
Problema
Dificuldade em visualizar a evolução de cada produto em comparação aos concorrentes internos no mesmo período.
Como usar
Inserir os dados de vendas no formato JSON, definir o título como 'Vendas por Produto' e habilitar a legenda.
Configuração de exemplo
{"categories": ["Q1", "Q2", "Q3"], "series": [{"name": "Produto A", "data": [100, 150, 120]}, {"name": "Produto B", "data": [80, 110, 140]}]}
Resultado
Um gráfico de barras agrupadas claro que destaca o crescimento do Produto B no terceiro trimestre em relação ao Produto A.

Testar com amostras

data-visualization
Exemplos Chart.js Library
Exemplos abrangentes de Chart.js incluindo tipos de gráficos, opções de personalização, animações e designs responsivos
title token chart
sample
Exemplos Helm Chart
Exemplos completos de Helm charts com templates, valores, dependências e configurações de gerenciamento de pacotes
title token chart
sample
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
keywords data,visualization
sample
Exemplos de Análise de Logs ELK Stack
Exemplos completos de ELK Stack para agregação, processamento e visualização de logs em sistemas distribuídos
keywords analysis,visualization
sample

Hubs relacionados

Ferramentas de Json para Generate
Explore 33 ferramentas de json para fluxos de generate e encontre utilitários próximos com rapidez.
Ferramentas de Design para Generate
Explore 19 ferramentas de design para fluxos de generate e encontre utilitários próximos com rapidez.
Ferramentas de Pdf para Generate
Explore 10 ferramentas de pdf para fluxos de generate e encontre utilitários próximos com rapidez.
Ferramentas de Audio para Generate
Explore 8 ferramentas de audio para fluxos de generate e encontre utilitários próximos com rapidez.

FAQ

Como devo formatar os dados para o gráfico?

Utilize o formato JSON especificando um array de 'categories' e um array de 'series', onde cada série contém um nome e um array de dados correspondente às categorias.

Posso alterar a orientação do gráfico?

Sim, você pode alternar entre barras verticais e horizontais através da opção de orientação do gráfico.

É possível personalizar as cores das barras?

Sim, você pode inserir códigos de cores hexadecimais separados por vírgula no campo de cores das barras.

O gráfico suporta escala automática?

Sim, se você deixar os campos de valor máximo e mínimo vazios, o sistema calculará a escala automaticamente com base nos seus dados.

Posso exibir os valores exatos sobre as barras?

Sim, basta marcar a opção 'Mostrar Valores' e escolher a posição desejada (topo, base ou dentro da barra).

Documentação da API

Ponto final da solicitação

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

Parâmetros da solicitação

Nome do parâmetro Tipo Requerido Descrição
chartData textarea Sim Dados multi-séries com arrays de categorias e séries. Cada série deve ter o mesmo número de pontos de dados que as categorias.
chartTitle text Não Título que será exibido acima do gráfico
chartType select Não -
barColors text Não Cores para diferentes séries (cores hex separadas por vírgula). Deixe vazio para cores padrão.
backgroundColor color Não Cor de fundo para o contêiner do gráfico
gridColor color Não Cor para as linhas da grade
barWidth number Não Largura das barras individuais em pixels (ajusta automaticamente se for muito grandes)
groupSpacing number Não Espaçamento entre diferentes grupos em pixels
chartHeight number Não Altura do gráfico em pixels
maxValue number Não Valor máximo para o eixo (deixe vazio para escala automática)
minValue number Não Valor mínimo para o eixo (deixe vazio para detecção automática)
xAxisLabel text Não Rótulo para o eixo X
yAxisLabel text Não Rótulo para o eixo Y
showGrid checkbox Não Mostrar linhas da grade para melhor legibilidade
showValues checkbox Não Mostrar os valores reais nas ou perto das barras
valuePosition select Não -
showLegend checkbox Não Mostrar uma legenda abaixo do gráfico

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-grouped-bar-chart": {
      "name": "grouped-bar-chart",
      "description": "Gerar gráficos de barras agrupadas para comparar múltiplas categorias lado a lado, perfeito para comparações multi-categoria e análise comparativa",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=grouped-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]