Quais formatos de dados são aceitos?

Você pode inserir os dados como um array JSON estruturado ou como texto simples, usando o formato 'etiqueta|valorEsquerdo|valorDireito' por linha.

Posso usar valores negativos no gráfico?

Sim, o gráfico foi projetado especificamente para lidar com comparações bilaterais, sendo ideal para representar valores positivos e negativos ou contrastes de direção.

É possível alterar as cores das barras?

Sim, você pode selecionar esquemas de cores predefinidos ou definir uma cor específica para as barras do lado esquerdo.

O gráfico é responsivo?

Sim, você pode definir a altura do gráfico em pixels para garantir que ele se ajuste perfeitamente ao layout do seu documento ou página web.

Posso ocultar os valores numéricos?

Sim, basta desmarcar a opção 'Mostrar Valores' nas configurações para obter um visual mais limpo e minimalista.

Elysia Tools

Navegação

Data Visualization

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

Gerar gráficos de barras costas com costas para comparação de valores positivos e negativos, perfeito para contrastar conjuntos de dados

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.

16 opções

ConteúdoCole ou digite os valores principais.4

Dados do GráficotextareaObrigatórioDados para o gráfico de comparação. Suporta array JSON ou formato de texto simples etiqueta|valorEsquerdo|valorDireitoTítulo do GráficotextOpcionalTítulo que será exibido acima do gráficoRótulo Lado EsquerdotextOpcionalRótulo para o lado esquerdo do gráficoRótulo Lado DireitotextOpcionalRótulo para o lado direito do gráfico

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

Esquema de CoresselectOpcionalCor da Barra EsquerdacolorOpcionalCor para as barras esquerdas (a cor das barras diretas vem do esquema de cores)Altura do GráficonumberOpcionalAltura do gráfico em pixelsLargura da BarranumberOpcionalLargura máxima das barras em pixelsValor MáximonumberOpcionalValor máximo para a escala do gráfico (deixe vazio para auto)Valor MínimonumberOpcionalValor mínimo para a escala do gráficoDuração da AnimaçãonumberOpcionalDuração da animação das barras em milissegundosCor de FundocolorOpcionalCor de fundo para o contêiner do gráficoCor da GradecolorOpcionalCor para as linhas da grade

AlternânciasAtive ou desative comportamentos opcionais.3

Mostrar Linhas da GradecheckboxOpcionalAtivo quando marcadoExibir linhas da grade para melhor legibilidadeMostrar ValorescheckboxOpcionalAtivo quando marcadoExibir valores nas barrasMostrar LegendacheckboxOpcionalAtivo quando marcadoExibir 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áfico de Barras de Comparação

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. Comparação de Vendas por Região

2. Pirâmide Etária de Clientes

Perguntas frequentes

Exemplos de Códigos QR

Exemplos Avançados de Aplicação Grafana

Exemplos de Comunicação em Tempo Real WebRTC

Exemplos de Rastreamento Distribuído

Gerador de Gráfico de Donut

Gerador de Gráfico de Funil

Gerador de Gráfico de Gantt

Gerador de Gráficos de Marcos

Geradores de Gráficos e Diagramas

Geradores de schema JSON, dados mock e fixtures de API

Geradores de código tipado a partir de JSON (TypeScript, Go, Rust, Kotlin, Java, C#)

Ferramentas de intercambio JSON e traducao de formatos