Ir al contenido principal

Crear un widget de Indicador

Aprende cómo crear widgets de Indicador en tus dashboards.

Sergio M avatar
Escrito por Sergio M
Actualizado esta semana

El widget de Indicador ofrece una forma simple pero poderosa de monitorear de un vistazo el estado en tiempo real de tus dispositivos y variables. Diseñado para mostrar información clave rápidamente, cada Indicador utiliza una lógica clara de colores encendido/apagado que refleja las condiciones que definas, lo que facilita detectar cambios o problemas sin tener que revisar grandes volúmenes de datos. Ya sea que visualices un único punto de interés o agrupes varias variables en un solo widget, los Indicadores proporcionan una visualización limpia y personalizable que se adapta al diseño de tu dashboard y a tus necesidades de monitoreo.

Requisitos

1. Crear un Widget de Indicador

Paso 1. Dentro de un dashboard, haz clic en el botón "+" ubicado en la esquina superior derecha de la pantalla.

Paso 2. Una vez en el panel de widgets, busca y selecciona la opción Indicador.

Paso 3. Haz clic en el botón "+ agregar variables" y selecciona todas las variables que deseas monitorear. Se creará un widget que contendrá un "indicador" por cada variable seleccionada.

Paso 4. Haz clic en el botón "span" para definir el rango de tiempo que el widget tendrá en cuenta. Puedes dejar la opción predeterminada "definido por el dashboard" para que el widget siga la configuración general de tiempo del dashboard.

En la pestaña "apariencia", puedes configurar opcionalmente las siguientes opciones:

Paso 5. Asigna un nombre al widget.

Paso 6. Oculta el encabezado del widget.

Paso 7. Usando el botón "mostrar etiquetas", decide si deseas que el widget muestre el valor del último dato recibido por la variable y su fecha de llegada.

Paso 8. Define el formato de los datos entre las siguientes opciones:

  • Automático

  • Ninguno

  • Miles

  • Millones

  • Miles de millones

Paso 9. Elige el formato de fecha del widget.

Paso 10. Define una lógica de color basada en el valor de la variable para determinar si el Indicador se muestra como "apagado" o "encendido".

Paso 11. Elige las fuentes primaria y secundaria y sus respectivos tamaños.

Paso 12. Define el tamaño de los Indicadores.

Paso 13. Usando la opción "diseño", elige la dirección en la que se organizarán los Indicadores dentro del widget (horizontal, vertical o "auto").

Paso 14. Cambia la alineación de los Indicadores usando las opciones "izquierda", "centro" y "derecha".

Paso 15. Agrega una imagen de fondo.

Paso 16. Personaliza aún más la apariencia del widget usando el editor de "estilos personalizados".​

¿Ha quedado contestada tu pregunta?