Syncfusion Vue Gauges

SyncfusionControles de MedidorJavaScript

Componentes Vue personalizáveis para gauges circulares e lineares.

  • Visualize dados numéricos com componentes de gauge circular ou linear.
  • Suporte a vários eixos, orientações e controles interativos de ponteiro.
  • Amplas opções de personalização para aparência e animaçã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 Vue Gauges
Syncfusion Vue Gauges fornece componentes de gauge circular e linear totalmente personalizáveis para visualizar valores numéricos de forma eficaz em aplicativos Vue. Esses componentes permitem que os desenvolvedores criem controles de visualização interativos, como velocímetros, termômetros, réguas e muito mais, utilizando vários eixos, diversos tipos de ponteiros e animações suaves. Projetados para flexibilidade, os desenvolvedores podem adaptar a aparência e o comportamento do gauge para atender aos requisitos do aplicativo em diferentes dispositivos e navegadores.

Componente de Gauge Circular

Visualize valores numéricos em uma escala circular com recursos como vários eixos, cantos arredondados e ponteiros personalizáveis. Use-o para simular relógios analógicos, velocímetros, medidores ou criar gauges circulares de meia e um quarto ajustando os ângulos inicial e final.

Componente de Gauge Linear

Exiba valores numéricos em uma escala linear com suporte a vários eixos e opções de orientação. Personalize o gauge para se assemelhar a dispositivos como termômetros, medidores de pressão ou réguas em layouts verticais ou horizontais.

Personalização de Eixos

Modifique os eixos do gauge ajustando rótulos, marcas, posições de deslocamento, linhas de eixo e suporte a vários eixos. Os usuários podem inverter a direção do eixo e aplicar estilos distintos para melhorar a legibilidade e a representação visual.

Personalização de Intervalos

Adicione vários intervalos aos eixos do gauge para visualizar intervalos de valores. Ajuste a largura, a posição, a coloração em gradiente e exiba variações de cor para aprimorar a interpretação dos dados.

Tipos de Ponteiro e Interação

Use vários estilos de ponteiro, incluindo ponteiros de agulha, marcador e barra para indicar os valores atuais. Os ponteiros oferecem suporte a animação, interação por arrastar via toque ou gestos de deslizar e vários ponteiros por eixo para exibição comparativa de dados.

Aparência e Estilo

Personalize totalmente a aparência do gauge, incluindo fontes, cores, formas do contêiner, tampas e caudas dos ponteiros, elementos de anotação e posicionamento da legenda. Transições de cores em gradiente e cantos arredondados oferecem opções avançadas de estilo.

Suporte Responsivo e ao Toque

Os gauges se adaptam a diferentes tamanhos de tela e dispositivos, oferecendo suporte a interações por toque, como arrastar ponteiros e exibir dicas de ferramenta sem necessidade de configurações adicionais.

Suporte de Acessibilidade

Oferece suporte à navegação por teclado e a tecnologias assistivas, ajudando dashboards a atender aos requisitos de acessibilidade para uma gama mais ampla de usuários.

Documentação e Exemplos Abrangentes

Os desenvolvedores têm acesso a documentação completa, demonstrações de exemplo, vídeos tutoriais e kits de UI para facilitar a integração e a personalização dos componentes de gauge em aplicativos Vue.

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

  • Vue.js