DevExtreme Vue Gauges

DevExpressControles de GaugeJavaScript

Componentes Vue interactivos para visualizaciones de indicadores personalizables.

  • Incluye tipos de indicadores circulares, radiales y lineales.
  • Admite múltiples estilos de indicadores de valor y subvalor, así como escalas personalizadas.
  • Incluye tooltips, contenedores de rango y títulos personalizables.
DevExpress logo

Precios desde:

Cargando...
Disponible en
DevExtreme CompleteCargando
DevExpress DXperienceCargando
DevExpress UniversalCargando
DevExpress VCL Subscription +Cargando
¿Necesitas ayuda para elegir? Consulta Cómo comprar y la especificación
imagen del producto DevExtreme Vue Gauges
DevExtreme Vue Gauges ofrece un conjunto completo de componentes de indicadores diseñados para aplicaciones Vue. Estos componentes admiten varios tipos de indicadores, incluidos los indicadores circulares, radiales y lineales, y cada uno ofrece opciones de visualización versátiles. Los desarrolladores pueden personalizar indicadores, escalas, marcas, etiquetas y contenedores de rango para crear paneles precisos e interactivos que comuniquen los datos de forma eficaz.

Tipos de indicadores

Ofrezca visualización dinámica de datos con tres tipos distintos de indicadores: circulares, radiales y lineales, que se adaptan a una amplia gama de escenarios de aplicaciones e interfaces de usuario.

Indicadores de valor y subvalor

Personalice los punteros para valores principales y adicionales en los indicadores mediante tipos de indicador predefinidos como RangeBar, RectangleNeedle, TextCloud, TriangleMarker, TriangleNeedle y TwoColorNeedle.

Personalización de la escala

Configure las marcas principales y secundarias de la escala con opciones de visibilidad, intervalos, valores personalizados, colores, longitud y anchura para representar con precisión las escalas de datos.

Etiquetas de la escala

Mejore la legibilidad del indicador mostrando etiquetas de escala que pueden personalizarse en visibilidad, formato, contenido de texto, estilo de fuente y sangría respecto a las marcas.

Contenedor de rango

Visualice rangos de valores agrupando segmentos de escala con colores, paletas, anchura, desplazamiento y orientación configurables.

Tooltips

Active tooltips interactivos para mostrar datos informativos al pasar el cursor con formato de texto y estilo de fuente personalizables.

Elementos de título y subtítulo

Añada títulos y subtítulos descriptivos a los indicadores con controles para el contenido de texto, el estilo de fuente y la alineación, proporcionando información contextual clara.

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