En este artículo, analizaremos las complejidades de configurar tablas y gráficos para mejorar la legibilidad de los datos.

Logi ofrece un conjunto de herramientas de visualización de datos. Puede encontrar de todo, desde una amplia variedad de plantillas de gráficos hasta estilos CSS personalizados. Comprender la variedad de configuraciones y opciones puede resultar bastante difícil. Primero, crearemos un gráfico y una tabla con la configuración predeterminada y les daremos un aspecto presentable utilizando InterSystems Reports (basado en tecnología de Logi Report).

Gráfico  

Supongamos que necesitamos mostrar tres direcciones de datos a la vez en un gráfico. La fuente de datos en nuestro ejemplo sería products_count (número de aplicaciones/productos por mes), m_UserID_distinct (número de miembros) y TotalProducts (número total de aplicaciones/productos). El resultado, en este caso, se parecería al cuadro siguiente.

Como puede ver, InterSystems Reports (con tecnología de Logi Report) eligió automáticamente los colores y la configuración por nosotros. Sin embargo, no estamos satisfechos con los parámetros predeterminados porque queremos diseñarlo todo nosotros mismos, y de hecho podemos hacerlo ya que es posible editar absolutamente todos los elementos del gráfico. Primero, elijamos colores más brillantes e informativos para las columnas y la curva. Para hacer eso, haga doble clic o haga clic derecho en cualquier columna y seleccione Formato de barra 2D en el menú contextual. En la ventana que aparece, seleccione la pestaña Relleno, marque el elemento Autoconfiguración y observe atentamente la parte Relleno normal.

Haz clic en un color y elige el que se adapte a tus necesidades. La paleta de colores entiende los colores en formato HEX. En nuestro ejemplo, habrá #2196F3 para el primer nivel de la barra apilada y #4CAF50 para el segundo.

¡Ya está mejorando! Ahora necesitamos establecer el color apropiado para la curva. Para que esto suceda, haz doble clic en la curva. En la ventana que aparece, marque la casilla Configuración propia y elija el color en el marco de Relleno. En nuestro ejemplo, usamos negro. 

Además, puede marcar el elemento Línea suavizada para hacer que la curva se doble más suavemente en los vértices.

Puede hacer clic en el botón Aplicar para aplicar y ver los cambios inmediatamente.

¡Excelente! Hemos fijado colores brillantes y llamativos. Ahora puedes personalizar el fondo y marcar las líneas. Primero editamos la línea de marcado inferior.

Para hacer eso, haz doble clic en él o seleccione Formato de categoría Eje X en el menú contextual. En la ventana que aparece, vaya a la pestaña Eje, luego al marco Línea, haga clic en Estilo y seleccione Invisible.

En la misma pestaña, puede cambiar el campo de categoría de fecha desmarcando la casilla de verificación Auto y seleccionando el campo requerido de la lista. Ten en cuenta que la fecha a la que estás cambiando debe estar en la misma dimensión.

Tenemos el siguiente cuadro.

Ahora es el momento de eliminar las líneas de etiquetas en ambas coordenadas Y. Para hacer eso, haga clic en la tabla y seleccione Formatear valor del eje (Y) en el menú. 

En el menú que aparecerá en el marco Línea, haga clic en Estilo y seleccione Invisible. 

También deberíamos repetir el mismo procedimiento para la segunda coordenada Y. 

El resultado que obtuvimos se parece a la siguiente tabla.

Es conciso y no está sobrecargado ahora, así que creemos un marco para ello. Para hacer eso, seleccione el menú Formatear papel y vaya a la pestaña Borde en la ventana que se abrirá. Allí, haga clic en Tipo de borde y seleccione Sólido.

Seleccione un color más saturado en el elemento Color y haga clic en Aceptar.

En esta parte, diseñamos el gráfico, lo hicimos más legible y no lo sobrecargamos con detalles. Puede guardar el estilo resultante y utilizarlo en gráficos futuros. Para hacer eso, seleccione Guardar estilo en el menú contextual de la tabla.

En la ventana que aparecerá, seleccione el símbolo * en la primera línea y haga clic en Aceptar. En la siguiente ventana, se le pedirá que le dé un nombre al nuevo estilo, así que elija el que necesita y guárdelo.

Después de eso, el nuevo estilo de diseño estará disponible en el menú de creación de tablas en la pestaña Estilo.

Tabla

Ahora diseñaremos una tabla con varios indicadores. InterSystems Reports (con tecnología de Logi Report) proporciona potentes herramientas para la edición detallada de tablas. Aquí analizaremos algunas herramientas básicas que pueden resultar útiles en la analítica diaria. 

En nuestro ejemplo, habrá una tabla de cuatro indicadores agrupados por la fecha numérica MonthYearNum (AAAAMM).

No es representativo en absoluto. La tabla ocupa demasiado espacio debido a todos los datos. Sin embargo, podemos arreglar todo con facilidad. Comencemos con el tamaño y el número de líneas. Primero, limitemos la cantidad de datos. Para hacer eso, abra el Asistente de tablas y vaya a la pestaña Grupo. Seleccione la dimensión por la cual se agruparán nuestros datos (en nuestro caso, será la dimensión Month_Year_Num_calendarSol), y presione Seleccionar N.

En la ventana que aparecerá, seleccione Seleccionar N. Como tenemos el orden Decsend, elija Top N. En nuestro caso, tendremos 6 filas.

Cuando hayamos formado una tabla, veremos sólo seis filas. Es precisamente lo que necesitamos. 

El siguiente paso será eliminar las columnas y filas adicionales. Nos desharemos de la columna GC (columna de grupo), las filas GF (pie de página de grupo) y TF (pie de página de tabla).

Para ello, seleccione la columna haciendo clic en el GC y elija el elemento Ocultar columna del menú. Deberíamos hacer lo mismo con las cadenas. Elija GF y TF por turno y seleccione Ocultar en el menú. Después de haber ocultado la columna GC, tendremos la fila GH. Para ocultar este último tendremos que seguir el mismo procedimiento. Como resultado, obtendremos una tabla concisa que cubre sólo los datos relevantes.

Ahora cambiaremos las etiquetas y daremos nombres significativos a las columnas. Para hacer eso, primero debe seleccionar la etiqueta. Luego, en el lado derecho de Propiedades, vaya a la sección Formato de texto, busque el campo Texto e ingrese su valor. Cuando termine, presione Enter. De lo contrario, simplemente haga doble clic en la etiqueta e ingrese el texto que necesita.

Sigue los mismos pasos que hemos descrito anteriormente con el resto de las etiquetas. 

Cuando se haya cambiado el nombre de todas las etiquetas como queremos, finalmente podremos establecer las dimensiones de la tabla. En nuestro ejemplo, la tabla se colocará a la izquierda del gráfico, lo que significa que debemos acortar las filas tanto como sea posible. Las etiquetas son el límite, por lo que debemos reducir su tamaño a la mitad. Para implementar esto, InterSystems Reports (con tecnología de Logi Report) ha desarrollado la funcionalidad de líneas de embalaje. Para usar esa opción, mantenga presionada la tecla CTRL, seleccione todas las columnas una por una y en Formato de texto en el lado derecho seleccione Ajuste de texto = Verdadero.

 

El siguiente paso es estirar las células en altura. Para hacer eso, seleccione la línea presionando TH y establezca el valor de Altura al que necesita. Puede ajustar la altura probando diferentes valores, o simplemente puede estirar las celdas manualmente pasando el cursor sobre el borde entre las líneas hasta que aparezca el icono de flecha. (Como muestra la práctica, establecer el valor en el campo Altura es una opción más conveniente).

Después de cambiar la altura de la fila, ¡no olvide aumentar el valor en las celdas en el valor apropiado! 

Todo lo que necesita hacer es mantener presionada la tecla CTRL y, mientras lo hace, repetir la selección de cada valor en la tabla. Luego, también debes establecer el valor de Altura en el conjunto de parámetros del lado derecho (en nuestro caso será 0,46 pulgadas). 

Ahora, necesitas reducir el ancho de las celdas para transferir una parte del nombre a la siguiente línea. Para lograrlo, debemos resaltar la fila TH (Encabezado de tabla).

Luego, vaya al Inspector en el lado derecho y seleccione las celdas apropiadas. Tenga en cuenta que no elegimos la celda número 50 porque estaba oculta. Sin embargo, en este punto, haga clic nuevamente en la fila del encabezado de la tabla para anular su selección, ya que solo necesitamos cambiar el tamaño de la celda de la tabla.

Cuando termine, seleccione el valor requerido cambiándolo en el campo Altura. En nuestro caso, el tamaño es de 0,8 pulgadas. 

A continuación, puede ver una tabla que debería recibir como resultado.

El siguiente paso es alinear el texto dentro de las etiquetas. Para hacer eso, vuelva a seleccionar las celdas y elija la alineación central en la pestaña Formato en la parte superior.

¡Nuestra mesa ya casi está lista! Lo único que falta es aplicar el relleno de las etiquetas. 

Resalte la línea una vez más haciendo clic en el ícono TH.

En el lado derecho, vaya a la sección Color, busque el campo Fondo y cambie el color a uno arbitrario (en nuestro caso será 0x2196f3 - azul).

La parte restante es colocar la tabla al lado del gráfico. Para que eso suceda, debemos reducir el gráfico que creamos anteriormente tirando de la esquina y colocándolo a la misma altura que la mesa. 

El resultado que obtuvimos se ilustra a continuación.

En este artículo, examinamos las formas básicas de formatear gráficos y tablas. Hemos aprendido a aplicar relleno, cambiar el tamaño de varios elementos, ajustar los valores de las etiquetas y modificar la cantidad de elementos del gráfico.