Quais formatos de dados são aceitos?

Você pode usar JSON (com rótulo, atual e alvo), formato de texto (rótulo:atual:alvo) ou simplesmente inserir os valores numéricos atuais.

Posso personalizar as cores do gráfico?

Sim, você pode definir cores específicas para o mercúrio (progresso) e para o tubo do termômetro através do seletor de cores.

O gráfico suporta animações?

Sim, ao ativar a opção 'Animado', o mercúrio subirá suavemente até o valor definido quando o gráfico for carregado.

É possível exibir a meta no gráfico?

Sim, basta marcar a opção 'Mostrar Linha Alvo' para que o valor objetivo seja destacado visualmente no termômetro.

O gráfico é responsivo?

Você pode ajustar a largura e a altura em pixels para garantir que o gráfico se encaixe perfeitamente no seu layout.

Elysia Tools

Navegação

Data Visualization

Gráfico de Termômetro

Criar gráficos de termômetro verticais perfeitos para visualização de metas de arrecadação, progresso de projetos e alcance de objetivos

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.

14 opções

ConteúdoCole ou digite os valores principais.2

Dados do TermômetrotextareaObrigatórioDados do termômetro com valores atuais e alvo. Suporta JSON com rótulo/atual/alvo, simples rótulo:atual:alvo, ou apenas valores atuaisTítulo do GráficotextOpcionalTítulo que será exibido acima do gráfico

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

Largura do TermômetronumberOpcionalLargura do tubo do termômetro em pixelsAltura do TermômetronumberOpcionalAltura do termômetro em pixelsCor do MercúriocolorOpcionalCor para o mercúrio/preenchimento de progressoCor do TubocolorOpcionalCor para o fundo do tubo do termômetroDuração da AnimaçãonumberOpcionalDuração da animação do mercúrio em milissegundosEstilo da EscalaselectOpcionalCor de FundocolorOpcionalCor de fundo para o contêiner do gráfico

AlternânciasAtive ou desative comportamentos opcionais.5

Mostrar PorcentagemcheckboxOpcionalAtivo quando marcadoMostrar valores de porcentagem para cada termômetroMostrar Linha AlvocheckboxOpcionalAtivo quando marcadoMostrar linha de valor alvo e etiquetaMostrar Valor AtualcheckboxOpcionalAtivo quando marcadoMostrar valor atual em cada termômetroMostrar Marcas de EscalacheckboxOpcionalAtivo quando marcadoMostrar escala de medição no termômetroAnimadocheckboxOpcionalAtivo quando marcadoAnimar o mercúrio quando os termômetros carregam

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

Gráfico de Termômetro

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. Meta de Arrecadação Anual

2. Progresso de Vendas da Equipe

Perguntas frequentes

Exemplos Avançados de Aplicação Grafana

Exemplos D3.js Data Visualization

Exemplos de Códigos QR

Exemplos de Análise de Logs ELK Stack

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 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

Ferramentas de inspecao, diff e transformacao JSON