O que é um gráfico de degraus?

É um tipo de gráfico de linha onde os valores mudam abruptamente em intervalos, criando um efeito visual de escada em vez de linhas diagonais.

Quais formatos de dados são aceitos?

A ferramenta aceita um array JSON contendo objetos com propriedades 'x' e 'y' para definir os pontos de dados.

Posso personalizar as cores?

Sim, você pode definir cores específicas para a linha, os pontos de dados, a área preenchida e até mesmo para as linhas de grade.

Como funcionam os estilos de degrau?

O estilo 'Degrau Antes' desenha a linha horizontal antes da vertical, enquanto 'Degrau Depois' inverte essa ordem, e 'Degrau Meio' centraliza a transição.

É possível animar o gráfico?

Sim, você pode habilitar a animação e definir a duração em milissegundos para um efeito de carregamento dinâmico.

Elysia Tools

Navegação

Data Visualization

Gerador de Gráfico de Degraus

Criar gráficos de degraus com visualização de dados estilo escada, perfeito para mostrar mudanças discretas ao longo do tempo

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.

24 opções

ConteúdoCole ou digite os valores principais.5

Título do GráficotextOpcionalTítulo que será exibido acima do gráfico de degrausPontos de DadostextareaObrigatórioPontos de dados como array JSON com propriedades x, y e rótulo opcionalRótulo do Eixo XtextOpcionalRótulo para o eixo XRótulo do Eixo YtextOpcionalRótulo para o eixo YFamília da FontetextOpcionalFamília da fonte para elementos de texto

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

Estilo do DegrauselectObrigatórioCor da LinhacolorOpcionalCor da linha de degrausLargura da LinhanumberOpcionalLargura da linha de degraus em pixelsCor do Ponto de DadoscolorOpcionalCor dos pontos de dadosTamanho do Ponto de DadosnumberOpcionalTamanho dos pontos de dados em pixelsCor de Preenchimento de ÁreacolorOpcionalCor para preenchimento de área (se habilitado)Cor da GradecolorOpcionalCor das linhas de gradeCor de FundocolorOpcionalCor de fundo do gráficoLargura do GráficonumberOpcionalLargura do gráfico em pixelsAltura do GráficonumberOpcionalAltura do gráfico em pixelsFormato do Rótulo de DadosselectOpcionalTamanho da FontenumberOpcionalTamanho da fonte para rótulos e textoTamanho da Fonte do TítulonumberOpcionalTamanho da fonte para o título do gráficoDuração da AnimaçãonumberOpcionalDuração da animação em milissegundos

AlternânciasAtive ou desative comportamentos opcionais.5

Mostrar Pontos de DadoscheckboxOpcionalAtivo quando marcadoMostrar pontos de dados na linha de degrausMostrar Rótulos de DadoscheckboxOpcionalAtivo quando marcadoMostrar rótulos de valor nos pontos de dadosMostrar GradecheckboxOpcionalAtivo quando marcadoMostrar linhas de grade de fundoPreencher Área Abaixo da LinhacheckboxOpcionalAtivo quando marcadoPreencher a área abaixo da linha de degraus com corHabilitar AnimaçãocheckboxOpcionalAtivo quando marcadoAnimar o gráfico quando carregar

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 Degraus

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. Histórico de Preços de Assinatura

2. Monitoramento de Estoque

Perguntas frequentes

Exemplos Avançados de Aplicação Grafana

Exemplos de Comunicação em Tempo Real WebRTC

Exemplos de Códigos QR

Exemplos de Rastreamento Distribuído

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

Gerador de Gráfico de Donut

Gerador de Gráfico de Funil

Gerador de Gráfico de Gantt

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