Syncfusion React Gauges

SyncfusionControles de MedidorJavaScript

Visualize dados numéricos com componentes para medidores circulares e lineares.

  • Visualize valores usando medidores circulares e lineares.
  • Suporta escalas, intervalos, indicadores e anotações.
  • Inclui recursos interativos como arrastar o indicador e transições animadas.
Syncfusion logo

Preços a partir de:

Carregando...
Disponível em
Syncfusion Essential Studio UI Component SuiteCarregando
Syncfusion Essential Studio EnterpriseCarregando
imagem do produto Syncfusion React Gauges
Syncfusion React Gauges inclui componentes para renderizar medidores circulares e lineares. Esses componentes ajudam a exibir valores quantitativos usando escalas, intervalos, indicadores e anotações configuráveis, tornando-os adequados para painéis e interfaces de monitoramento em aplicativos React. O componente oferece recursos de interação do usuário, como arrastar indicadores e animações suaves.

Visualização de Medidor Circular

Renderiza exibições de medidor radial com eixos, marcas, indicadores e intervalos configuráveis para representar valores em um formato circular.

Visualização de Medidor Linear

Exibe valores usando medidores lineares horizontais ou verticais, com suporte a barras, marcadores e indicadores comparativos.

Escalas e Intervalos

Suporta várias escalas e intervalos para segmentar visualmente os valores e destacar limites ou zonas-alvo.

Personalização de Indicadores e Marcadores

Fornece indicadores e marcadores configuráveis para indicar valores atuais, metas ou medições comparativas.

Anotações e Rótulos

Permite adicionar texto e anotações personalizadas para fornecer informações contextuais diretamente nas exibições do medidor.

Renderização Responsiva

Adapta os layouts do medidor a diferentes tamanhos de tela, com suporte para uso em painéis e aplicativos responsivos.

Suporte a Eventos e Interação

Expõe eventos para interações do usuário e alterações de valor, permitindo atualizações dinâmicas e integração com a lógica do aplicativo.

Personalização de Aparência e Globalização

Personalize fontes, cores, gradientes, títulos e suporte à renderização da direita para a esquerda e à formatação específica de localidade para aplicativos internacionais.

Compatibilidade do produto

Revise os detalhes abaixo para garantir que este produto seja compatível com o seu ambiente.

Tipo de componente

  • JavaScript

Plataforma JavaScript

  • React