Syncfusion Angular Gauges

SyncfusionControles de GaugeJavaScript

Visualice datos numéricos con gauges circulares personalizables.

  • Visualice valores numéricos en escalas circulares con múltiples ejes.
  • Personalice punteros, rangos y etiquetas para una representación precisa de los datos.
  • Habilite la interactividad con animaciones, arrastre, tooltips y opciones de exportación.
Syncfusion logo

Precios desde:

Cargando...
Disponible en
Syncfusion Essential Studio UI Component SuiteCargando
Syncfusion Essential Studio EnterpriseCargando
imagen del producto Syncfusion Angular Gauges
Syncfusion Angular Circular Gauge permite a los desarrolladores presentar datos numéricos en escalas circulares flexibles y visualmente atractivas. Admite múltiples ejes, punteros y personalizaciones de rangos adecuadas para aplicaciones como velocímetros, relojes y contadores de progreso. Entre sus funciones avanzadas se incluyen animación, interacción de arrastre, leyendas, tooltips y exportación de datos, cubriendo diversas necesidades de visualización de datos.

Personalización de ejes

Defina múltiples ejes circulares con ángulos de inicio y fin, direcciones y estilos personalizables. Ajuste las etiquetas y las marcas modificando la fuente, el tamaño, el color, los desplazamientos de posición y las líneas de borde para adaptar el gauge a necesidades de datos específicas.

Visualización de rangos

Resalte rangos de valores clave en los ejes usando múltiples rangos con colores, degradados, anchos y posiciones configurables para mejorar la legibilidad y diferenciar visualmente los segmentos de datos.

Variedades de punteros

Indique valores mediante punteros altamente personalizables, incluidos los tipos aguja, marcador y barra de rango. Personalice formas, tamaños, colores, animaciones y posiciones, y añada varios punteros por eje para representaciones de datos complejas.

Animación e interacción de punteros

Anime suavemente las transiciones de los punteros para lograr efectos visuales dinámicos. Habilite el arrastre de punteros y rangos para permitir que los usuarios ajusten los valores de forma interactiva, con actualizaciones en tiempo real y compatibilidad con gestos de deslizamiento.

Leyenda y tooltips

Añada leyendas para facilitar la identificación de rangos y punteros con colocación y estilo configurables. Muestre tooltips detallados al pasar el cursor para proporcionar información adicional sobre los datos.

Diseños flexibles del gauge

Cree gauges circulares completos, de media vuelta o de un cuarto ajustando los ángulos de inicio y fin, ideales para distintos tamaños de pantalla y áreas compactas de paneles.

Compatibilidad con anotaciones

Incorpore cualquier contenido HTML como anotaciones en puntos específicos para proporcionar información contextual o mejorar la presentación del gauge.

Exportación e impresión

Exporte los gauges renderizados como PDF, SVG, PNG, JPEG o cadenas base64 para integrarlos en informes o análisis sin conexión. Imprima directamente desde los navegadores compatibles.

Accesibilidad y globalización

Cumpla con los estándares WAI-ARIA garantizando compatibilidad con lectores de pantalla y navegación con teclado. Personalice números y etiquetas según la configuración regional mediante las funciones de globalización integradas.

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

  • Angular