¶ Elemento de Gráfica en Tiempo Real en el Módulo de Paneles
El módulo de paneles ofrece un elemento tipo gráfica en tiempo real que permite al usuario incorporar cajas con un indicador gráfica en tiempo real dentro de un panel, ideal para monitorear datos en vivo y observar cómo evolucionan las métricas a medida que se actualizan. Este elemento es especialmente útil para visualizar tendencias y cambios en tiempo real, facilitando una respuesta rápida y efectiva a los eventos a medida que ocurren.
Este elemento es completamente personalizable, permitiendo al usuario ajustar el formato de la gráfica en tiempo real según una variedad de condiciones o parámetros, adaptándolo a sus necesidades específicas. Esto facilita la visualización rápida de datos críticos y permite una respuesta ágil a los cambios en tiempo real.
¶ ¿Cómo añadir un elemento tipo Gráfica en Tiempo Real?
Al ingresar al modo de edición de un panel, el usuario puede encontrar el elemento tipo gráfica en tiempo real en la sección de Elementos del panel de edición.
Para añadir el elemento gráfica en tiempo real, 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 gráfica en tiempo real.
¶ Personalizar el elemento tipo Gráfica en Tiempo Real
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 gráfica en tiempo real, 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 la gráfica en tiempo real, el usuario puede configurar los siguientes parámetros:
- Gráfico: Define el título que se mostrará encima de la gráfica en tiempo real en el panel, facilitando la identificación del dato que está siendo visualizado.
- Precisión: Permite seleccionar la precisión de la gráfica, eligiendo entre segundos, minutos u horas, lo que define la granularidad de los datos mostrados.
- Duración: Establece el período de tiempo que se visualizará en la gráfica, permitiendo al usuario definir el rango temporal de los datos mostrados.
- Tiempo a futuro: Configura la proyección de datos hacia el futuro, permitiendo visualizar estimaciones o predicciones basadas en la información actual y configuraciones del elemento.
En la pestaña Series del elemento de gráfica en tiempo real, el usuario puede añadir y personalizar diferentes series y sus parámetros. Para hacerlo, debe pulsar el botón . Esto desplegará el menú de propiedades de la serie, donde se pueden configurar los siguientes aspectos:
- Definir la variable: Selecciona la variable del sistema que proporcionará los datos para la serie del gráfico.
- Asignar un tipo a la serie: Elige el tipo de visualización para la serie entre línea, área o barras, y determina si la serie debe ser discreta o continua.
- Asignar el valor: Selecciona el tipo de valor que se mostrará en la serie, como media, mínimo, máximo, primero o último.
- Asignar un color: Elige un color para representar visualmente la serie en el gráfico.
Una vez creadas las series, el usuario puede modificarlas o eliminarlas directamente desde esta pestaña, proporcionando flexibilidad para ajustar la visualización de los datos según las necesidades del panel.
En la pestaña Ejes del elemento gráfica en tiempo real, el usuario tiene acceso a las siguientes opciones de configuración:
-
Listado de variables añadidas: Aquí se muestra la lista de variables que se han agregado al gráfico. El usuario puede seleccionar cada variable para editar su formato (numérico, digital, fecha/hora o contador de tiempo), definir el número de decimales a mostrar, y decidir si se deben mostrar o no las unidades asociadas. Además, se puede establecer el valor mínimo y máximo, eligiendo cómo se obtienen estos valores (desde las variables, automáticamente, o de manera personalizada). También es posible ordenar las variables en la lista, ya sea arrastrándolas o utilizando las flechas de desplazamiento.
-
Segmento de eje vertical: Permite dividir el eje vertical en distintas partes, facilitando la visualización segmentada y detallada de los datos en el gráfico, lo que ayuda a interpretar mejor la variabilidad de la serie de datos mostrada.
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 gráfica en tiempo real 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 gráfica en tiempo real, 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 .