Syncfusion Vue Gauges

SyncfusionControles de GaugeJavaScript

Componentes Vue personalizables para gauges circulares y lineales.

  • Visualice datos numéricos con componentes de gauge circulares o lineales.
  • Compatibilidad con múltiples ejes, orientaciones y controles de puntero interactivos.
  • Amplias opciones de personalización para la apariencia y la animación.
Syncfusion logo

Precios desde:

Cargando...
Disponible en
Syncfusion Essential Studio UI Component SuiteCargando
Syncfusion Essential Studio EnterpriseCargando
imagen del producto Syncfusion Vue Gauges
Syncfusion Vue Gauges ofrece componentes de gauge circulares y lineales totalmente personalizables para visualizar valores numéricos de forma eficaz dentro de aplicaciones Vue. Estos componentes permiten a los desarrolladores crear controles de visualización interactivos como velocímetros, termómetros, reglas y más, aprovechando múltiples ejes, varios tipos de puntero y animaciones suaves. Diseñados para ofrecer flexibilidad, los desarrolladores pueden adaptar la apariencia y el comportamiento del gauge para ajustarlos a los requisitos de la aplicación en distintos dispositivos y navegadores.

Componente Circular Gauge

Visualice valores numéricos en una escala circular con características como múltiples ejes, esquinas redondeadas y punteros personalizables. Úselo para simular relojes analógicos, velocímetros, medidores o crear gauges circulares semicirculares y de cuarto de círculo ajustando los ángulos de inicio y fin.

Componente Linear Gauge

Muestre valores numéricos en una escala lineal con compatibilidad para múltiples ejes y opciones de orientación. Personalice el gauge para que se asemeje a dispositivos como termómetros, manómetros o reglas en disposiciones verticales u horizontales.

Personalización de ejes

Modifique los ejes del gauge ajustando las etiquetas, las marcas, las posiciones de desplazamiento, las líneas de eje y la compatibilidad con múltiples ejes. Los usuarios pueden invertir la dirección del eje y aplicar estilos distintos para mejorar la legibilidad y la representación visual.

Personalización de rangos

Añada varios rangos dentro de los ejes del gauge para visualizar intervalos de valores. Ajuste el ancho, la posición, el color degradado y muestre variaciones de color para mejorar la interpretación de los datos.

Tipos de puntero e interacción

Use varios estilos de puntero, incluidos punteros de aguja, marcador y barra, para indicar los valores actuales. Los punteros admiten animación, interacción mediante arrastre con gestos táctiles o de deslizamiento, y múltiples punteros por eje para mostrar datos comparativos.

Apariencia y estilo

Personalice por completo la apariencia del gauge, incluidos fuentes, colores, formas del contenedor, tapones y colas de los punteros, elementos de anotación y ubicación de la leyenda. Las transiciones de color degradado y las esquinas redondeadas ofrecen opciones de estilo avanzadas.

Compatibilidad responsive y táctil

Los gauges se adaptan a distintos tamaños de pantalla y dispositivos, con compatibilidad para interacciones táctiles como arrastrar punteros y mostrar información sobre herramientas sin necesidad de configuraciones adicionales.

Compatibilidad con accesibilidad

Ofrece compatibilidad con la navegación mediante teclado y tecnologías de asistencia, ayudando a que los paneles cumplan los requisitos de accesibilidad para una gama más amplia de usuarios.

Amplia documentación y ejemplos

Los desarrolladores tienen acceso a documentación completa, demostraciones de ejemplo, vídeos tutoriales y kits de UI para facilitar la integración y personalización de los componentes del gauge en aplicaciones Vue.

Compatibilidad del producto

Revise los detalles a continuación para asegurarse de que este producto sea compatible con su entorno.

Tipo de componente

  • JavaScript

Plataforma JavaScript

  • Vue.js