Syncfusion Angular Gauges

SyncfusionControles de MedidorJavaScript

Visualize dados numéricos com gauges circulares personalizáveis.

  • Visualize valores numéricos em escalas circulares com múltiplos eixos.
  • Personalize ponteiros, intervalos e rótulos para uma representação precisa dos dados.
  • Ative interatividade com animações, arrastar, tooltips e opções de exportação.
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 Angular Gauges
O Syncfusion Angular Circular Gauge permite que desenvolvedores apresentem dados numéricos em escalas circulares flexíveis e visualmente envolventes. Ele oferece suporte a múltiplos eixos, ponteiros e personalizações de intervalos adequadas para aplicações como velocímetros, relógios e contadores de progresso. Recursos avançados incluem animação, interação por arrastar, legendas, tooltips e exportação de dados, atendendo a diversas necessidades de visualização de dados.

Personalização de Eixos

Defina múltiplos eixos circulares com ângulos de início e fim personalizáveis, direções e estilos. Ajuste rótulos e marcas modificando fonte, tamanho, cor, deslocamentos de posição e linhas de borda para adaptar o gauge às necessidades específicas de dados.

Visualização de Intervalos

Destaque intervalos de valores-chave nos eixos usando múltiplos intervalos com cores, gradientes, larguras e posições configuráveis para melhorar a legibilidade e diferenciar visualmente os segmentos de dados.

Variedades de Ponteiros

Indique valores por meio de ponteiros altamente personalizáveis, incluindo tipos de agulha, marcador e barra de intervalo. Personalize formas, tamanhos, cores, animações, posições e adicione múltiplos ponteiros por eixo para representações de dados complexas.

Animação e Interação dos Ponteiros

Aplique animações suaves nas transições dos ponteiros para efeitos visuais dinâmicos. Ative o arrastar de ponteiros e intervalos para permitir que os usuários ajustem valores de forma interativa, com atualizações em tempo real e suporte a gestos de deslizar.

Legenda e Tooltips

Adicione legendas para facilitar a identificação de intervalos e ponteiros com posicionamento e estilo configuráveis. Exiba tooltips detalhados ao passar o mouse para fornecer insights adicionais sobre os dados.

Layouts Flexíveis do Gauge

Crie gauges circulares completos, semicirculares ou de um quarto ajustando os ângulos de início e fim, ideais para vários tamanhos de tela e áreas compactas de dashboard.

Suporte a Anotações

Incorpore qualquer conteúdo HTML como anotações em pontos específicos para fornecer informações contextuais ou aprimorar a apresentação do gauge.

Exportação e Impressão

Exporte gauges renderizados como PDFs, SVGs, PNGs, JPEGs ou strings base64 para integração com relatórios ou análise offline. Imprima diretamente a partir de navegadores compatíveis.

Acessibilidade e Globalização

Atenda aos padrões WAI-ARIA, garantindo suporte a leitores de tela e navegação por teclado. Personalize números e rótulos com base na localidade usando recursos integrados de globalização.

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

  • Angular