Saltar al contenido principal

Manómetro Radial

El elemento Manómetro Radial permite visualizar valores numéricos en un indicador circular tipo aguja. Es ideal para representar mediciones analógicas como presión, temperatura o velocidad, ofreciendo una lectura rápida e intuitiva del estado de una variable dentro de un rango definido.

Las propiedades marcadas con bolt permiten dinamización a partir de una expresión con variables.

General​

Configuración básica de identificación y posición.

Nombre (string)​

Identificador único del elemento.

Descripción (string)​

Texto descriptivo opcional.

X bolt (number)​

Posición horizontal en píxeles.

Y bolt (number)​

Posición vertical en píxeles.

Z bolt (number)​

Índice de profundidad (z-index).

Ancho bolt (number)​

Anchura del elemento en píxeles.

Alto bolt (number)​

Altura del elemento en píxeles.

Estilo​

Personalización visual del componente.

Oculto bolt (boolean)​

Hace invisible el elemento.

Color de fondo bolt (color)​

Color de fondo del manómetro.

Radio de borde bolt (number)​

Redondeo de las esquinas del contenedor.

Rotar bolt (number)​

Ángulo de rotación en grados.

Transición (string)​

Definición CSS de transición.

Color de puntero (color)​

Color del indicador de valor.

Sombra (string)​

Permite seleccionar un nivel de sombra predefinido (Ninguna, Pequeña, Media, Grande).

Punto de anclaje [Vert./Horiz.] (string)​

Define qué borde del elemento actúa como referencia fija de posición.

Avanzado​

Configuración de rango y escalas.

Variable (Tag)​

Variable del sistema que determinará el valor indicado por la aguja.

Valor Mínimo (number)​

Valor inicial de la escala del manómetro.

Valor Máximo (number)​

Valor final de la escala del manómetro.

Intervalo (number)​

Separación numérica entre las divisiones principales de la escala.

Decimales (number)​

Cantidad de decimales a mostrar en los valores numéricos.

Tamaño de radio (number)​

Radio del manómetro en porcentaje relativo al tamaño del contenedor (ej: 75).

Ángulos (object)​

Configuración de la apertura del arco.

  • Inicio (number): Ángulo de inicio en grados (ej: 135).
  • Final (number): Ángulo de fin en grados (ej: -135).
Ejemplo de manómetro radial con configuración estándar de 270 grados en InDataX

(135° a -135°)

Ejemplo de manómetro radial lateral de 90 grados en InDataX

(45° a -45°)

Marcas de eje (object)​

Configuración de las marcas de subdivisión (ticks menores). Son las pequeñas líneas que aparecen entre los valores principales numerados (por ejemplo, las marcas intermedias entre el 10 y el 20) para ofrecer mayor precisión visual en la lectura.

  • Posición (number): Ajuste de desplazamiento respecto a la posición por defecto.
  • Ancho (number): Longitud de la línea de la marca.
  • Color (color): Color de la marca.

Línea de división (object)​

Estilo de las líneas de división principales. Estas líneas coinciden exactamente con los valores numéricos mostrados en la etiqueta de eje (generalmente números redondos como 0, 10, 20, etc.), marcando claramente los hitos principales de la escala.

  • Posición (number): Ajuste de desplazamiento respecto a la posición por defecto.
  • Ancho (number): Grosor de la línea.
  • Color (color): Color de la línea.

Etiqueta de eje (object)​

Configuración de los números mostrados en la escala.

  • Posición (number): Ajuste de desplazamiento respecto a la posición por defecto.
  • Color (color): Color del texto.
  • Tamaño fuente (number): Tamaño de la tipografía.
  • Rotación (number): Rotación del texto en grados.

Etiqueta de valor (object)​

Estilo del valor numérico actual mostrado en el centro.

  • Unidades (string): Texto opcional para la unidad (se muestra junto al valor).
  • Color (color): Color del texto.
  • Posición (number): Ajuste de desplazamiento respecto a la posición por defecto.
  • Tamaño fuente (number): Tamaño de la tipografía.

Destacados (Array)​

Configuración de zonas coloreadas en el arco (ej: zona segura, advertencia, peligro). Se definen secuencialmente estableciendo el límite superior de cada tramo.

  • Hasta (number): Valor límite superior del rango actual.
  • Color (color): Color que tomará el arco hasta llegar a este valor.
  • Text (string): Etiqueta opcional asociada al rango. Nota: Si se define un texto para algún rango, las Etiquetas de eje (números) se ocultarán automáticamente. Para visualizar los números de la escala, asegúrese de dejar este campo vacío en todos los rangos.