¶ Elemento de indicador porcentual en el Módulo de Paneles
El módulo de paneles ofrece un elemento tipo indicador porcentual que permite al usuario incorporar cajas con un incicador porcentual dentro de un panel, ideal para mostrar el progreso o proporción de un valor respecto a un total. Este indicador es útil para visualizar metas, representar porcentajes de datos y monitorear el rendimiento de métricas clave.
Este elemento es completamente personalizable, permitiendo al usuario ajustar el formato del indicador porcentual según diversas condiciones o parámetros, adaptándolo a sus necesidades específicas. Esto incluye configurar el diseño, la escala y la visualización de cada barra individual, asegurando una representación clara y organizada de los datos seleccionados.
¶ ¿Cómo añadir un elemento tipo indicador porcentual?
Al ingresar al modo de edición de un panel, el usuario puede encontrar el elemento tipo indicador porcentual en la sección de Elementos del panel de edición.
Para añadir el elemento indicador porcentual, el usuario solo necesita hacer clic y arrastrarlo hasta la posición deseada dentro del panel. Durante el arrastre, el sistema muestra un rectángulo con bordes punteados que guía al usuario, indicando dónde se colocará el indicador porcentual.
¶ Personalizar el elemento tipo indicador porcentual
Todos los elementos del módulo de paneles son personalizables mediante una ventana que aparece automáticamente después de soltar un elemento en el panel.
En el caso del elemento indicador porcentual, se despliega una ventana emergente que ofrece múltiples opciones para personalizar los campos y dar formato al contenido que se desea mostrar.
En la pestaña Ajustes del elemento de indicador porcentual, se encuentran los siguientes campos de configuración:
- Título: Permite definir el título que se mostrará justo encima del indicador porcentual en el panel. Esto ayuda a identificar claramente el propósito del indicador o el dato que está visualizando.
- Variable: Proporciona un buscador para seleccionar la variable del sistema que se desea visualizar. El usuario puede buscar y seleccionar la variable específica cuyos datos serán representados por el indicador porcentual.
- Valor minimo: El usuario puede optar por utilizar el valor mínimo de la variable o definir un valor personalizado. Si se elige la opción personalizada, se habilita un cuadro de texto donde el usuario puede introducir el valor deseado, ajustando así el rango de visualización del indicador.
- Valor maximo: De manera similar al valor mínimo, se puede seleccionar el valor máximo de la variable o ingresar un valor personalizado. Si se opta por un valor personalizado, se habilita un cuadro de texto para su introducción, permitiendo ajustar el rango superior del indicador.
- Tamaño de fuente: Ofrece opciones para ajustar el tamaño del texto del indicador porcentual. El usuario puede elegir entre diferentes tamaños de fuente para asegurar que el texto sea legible y se ajuste adecuadamente al diseño del panel, mejorando la visibilidad del dato presentado.
En la pestaña Rango del elemento de indicador porcentual, el usuario tiene la capacidad de añadir y personalizar diferentes rangos y sus parámetros. Para ello, debe Añadir un Rango y esto se hace pulsando el botón . Al añadir un rango, se despliega un menú de propiedades donde se pueden configurar los siguientes parámetros:
- Valor: Define el valor numérico que delimita el rango en el indicador porcentual.
- Color: Seleccionar un color que representará visualmente el rango en el indicador.
Una vez configurados los rangos, el usuario puede modificar o eliminar cualquier rango directamente desde esta pestaña, ofreciendo flexibilidad y ajustes continuos según las necesidades del panel.
En la pestaña Alarma del elemento de indicador porcentual, el usuario puede configurar las alarmas y avisos asociados al indicador. Los campos disponibles son:
- Alarma baja: Establece un valor crítico mínimo. Si se alcanza o se supera este valor, se activa una alarma indicando un estado de emergencia.
- Aviso bajo: Define un umbral bajo que, al ser alcanzado, genera un aviso preventivo, alertando antes de llegar al nivel de alarma baja.
- Aviso alto: Configura un umbral alto que, al ser superado, emite un aviso para alertar sobre un posible riesgo elevado, pero aún no crítico.
- Alarma alta: Establece un valor crítico máximo. Si se supera este valor, se activa una alarma señalando un estado de alarma debido a valores excesivos.
- Mostrar iconos de alarmas: Permite al usuario elegir si desea mostrar iconos visuales en el indicador porcentual cuando se active una alarma o aviso, facilitando la identificación rápida de estados críticos.
En la pestaña Parámetros generales, el usuario puede encontrar una serie de opciones para ajustar los estilos del elemento, que incluyen desde los colores hasta las opciones de sombreado.
Para obtener más información sobre la opción Parámetros generales, haz clic en el siguiente enlace:
En la pestaña Visibilidad, el usuario encuentra opciones para ajustar la visibilidad del elemento en función del valor de una variable y una condición específica.
Esta funcionalidad es muy útil para reemplazar un elemento por otro en pantalla o para ocultar el elemento indicador porcentual cuando se cumple una condición determinada.
Para obtener más información sobre la opción Visibilidad, haz clic en el siguiente enlace:
El widget cuenta con un sistema de selección de idioma, el usuario encuentra opciones para ajustar el idioma del elemento en función de la necesidad de trabajar en un idioma u otro.
Esta funcionalidad es muy útil para adaptarse a entornos multilingües, facilitando el acceso a los datos y la interacción con el sistema en el idioma que mas convenga al usuario.
Para obtener más información sobre el selector de Idioma, haz clic en el siguiente enlace:
¶ Previsualización en tiempo real
Durante la creación o edición del elemento de indicador porcentual, el usuario puede visualizar una previsualización de cómo se renderizará el elemento en pantalla.
A medida que el usuario ajusta el formato durante la edición, tiene a su disposición una sección de Vista Previa que muestra los cambios en tiempo real.
Esta vista previa proporciona una representación precisa de cómo se verá el elemento cuando el panel esté en Modo runtime .