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

Logi ofrece una amplia gama de herramientas de visualización de datos. Se puuede 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 se 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, vamos a elegir colores más brillantes y más informativos para las columnas y la línea. Para hacerlo, hay que hacer doble clic o clic derecho en cualquier columna y seleccionar el Formato de Barra 2D en el menú que aparece. En la ventana que se muestra, hay que seleccionar la pestaña "Fill" (Relleno), marcar el elemento "Self Settings" (Ajustes propios) y prestar atención a la parte "Normal fill" (Relleno estándar).

Hay que hacer clic en el color y elegir el que se necesite. La paleta de colores entiende los colores en formato HEX. En nuestro ejemplo, será #2196F3 para el primer nivel de la barra apilada y #4CAF50 para el segundo.

¡Ya se ve mejor! Ahora necesitamos establecer el color adecuado para la línea. Para hacerlo, hay que hacer doble clic en la línea. En la ventana que aparece, hay que marcar la casilla "Self Settings" (Ajustes propios) y elegir el color en el área para el relleno ("Fill"). En nuestro ejemplo, escogimos el negro.

Además, se puede marcar la opción "Smoothed Line" (Línea suavizada) para hacer que la línea se doble más suavemente en los vértices.

Al hacer clic en el botón "Apply" (Aplicar) se ven los cambios inmediatamente.

¡Genial! Hemos puesto colores más brillantes y llamativos. Ahora podemos personalizar el fondo y las líneas de cuadrícula. Primero vamos a editar la línea del eje "X".

Para hacerlo, hay que hacer doble clic o clic derecho en el eje y seleccionar el Formato del Eje de Categorías (X) en el menú que aparece. En la ventana que se muestra, hay que seleccionar la pestaña "Axis" (Eje) y en las opciones para la Línea ("Line"), en "Style" (Estilo), elegimos "Invisible".

En la misma pestaña, se puede cambiar el nombre de las columnas (o categorías) del eje "X" desmarcando la casilla "Auto" y seleccionando otro nombre de la lista.

Ya tenemos el siguiente cuadro.

Ahora es el momento de quitar las líneas en ambos ejes "Y". Para hacerlo, hay que hacer clic en la tabla y seleccionar el Formato del Eje de Valores (Y) en el menú que aparece. En la ventana que se muestra, en la pestaña "Axis" (Eje), en las opciones para la Línea ("Line"), en "Style" (Estilo), elegimos "Invisible". 

Deberíamos repetir el mismo procedimiento para el segundo eje "Y".

El resultado que obtuvimos se parece a la siguiente tabla:

Es conciso y no está sobrecargado. Ahora vamos a crear un borde para el gráfico. Para hacerlo, hay que hacer clic en la tabla y seleccionar el Formato del Papel en el menú que aparece. En la pestaña "Border" (Borde) hay que hacer clic en "Border Type" (Tipo de borde) y seleccione "Solid" (Sólido).

En el campo "Color" seleccionamos un color más saturado (más vivo) y hacemos clic en "OK".

Hasta ahora, hemos diseñado el gráfico, haciéndolo más legible y sin sobrecargarlo de detalles. El estilo resultante se puede guardar y utilizarlo en gráficos futuros. Para hacerlo, seleccionamos "Save Style" (Guardar Estilo) en el menú que aparece al hacer clic derecho en la tabla.

En la ventana que se muestra, hay que seleccione el símbolo * en la primera línea y hacer clic en "OK". En la siguiente ventana, pedirá que le demos un nombre al nuevo estilo, así que elegimos el que queramos y hacemos clic en "Save" (Guardar).

Hecho esto, el nuevo estilo de diseño estará disponible en el menú de creación de tablas en la pestaña "Style" (Estilo).

Tabla

Ahora vamos a diseñar una tabla con varios indicadores. InterSystems Reports (con tecnología de Logi Report) ofrece 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. Vamos a empezar con el tamaño y número de líneas. Primero, limitamos la cantidad de datos. Para hacerlo, hay que abrir el "Table Wizard" (Asistente para Tablas) e ir a la pestaña "Group" (Grupo). Seleccionamos la dimensión por la que se agruparán nuestros datos (en nuestro caso, será la dimensión Month_Year_Num_calendarSol), y presionamos "Select N..." (Seleccionar N...)

En la ventana que aparecerá, seleccionamos "Select N" (Seleccionar N). Como tenemos el orden Descend, seleccionamos Top N. En nuestro caso, tendremos 6 filas.

Cuando hayamos formado una tabla, veremos solo 6 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) y las filas GF (Pie de Página de Grupo) y TF (Pie de Página de Tabla).

Para hacerlo, hay que seleccionar la columna haciendo clic en GC y elegir el elemento "Hide Column" (Ocultar Columna) del menú. Deberíamos hacer lo mismo con las cadenas. Elegimos GF y TF de una en una y seleccionamos Ocultar en el menú. Después de haber ocultado la columna GC, tendremos la fila GH. Para ocultarla, tendremos que seguir el mismo procedimiento. Como resultado, obtendremos una tabla concisa que incluye sólo los datos relevantes.

Ahora cambiaremos los nombres de las columnas. Para hacerlo, primero hay que seleccionar la etiqueta. Luego, en el lado derecho de Propiedades, hay que ir a la sección "Text format" (Formato de Texto), buscar el campo "Text" (Texto) y poner nuestro valor. Después, hacer clic en "Enter". De otra manera, simplemente se puede hacer doble clic en la etiqueta y poner el texto que se quiera.

Y se siguen los mismos pasos con el resto de nombres de las columnas.

Una vez cambiado el nombre de todas las etiquetas, 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 todo lo posible. Las etiquetas son el límite, por lo que debemos reducir su tamaño a la mitad. Para hacerlo, InterSystems Reports (con tecnología de Logi Report) ha desarrollado la funcionalidad de ajuste de líneas. Para usar esa opción, hay que mantener presionada la tecla CTRL mientras se seleccionan todas las columnas una por una y en "Text Format" (Formato de Texto) en el lado derecho, en el campo "Word wrap" (Ajuste de texto), marcamos "True" (Verdadero).

 

El siguiente paso es estirar las celdas en altura. Para hacerlo, hay que seleccionar la línea haciendo clic en TH y, en el campo "Height" (Altura), establecer el valor que se quiera. Se puede ajustar la altura probando diferentes valores, o simplemente se pueden estirar las celdas manualmente pasando el cursor sobre el borde entre las líneas hasta que aparezca el icono de flecha. (En la práctica, se recomienda establecer el valor en el campo Altura).

Después de cambiar la altura de la fila, ¡no hay que olvidarse de aumentar el valor en las celdas! 

Para hacerlo, hay que mantener presionada la tecla CTRL y repetir la selección de cada valor en la tabla. Después, también hay que establecer el valor de Altura en el conjunto de parámetros del lado derecho (en nuestro caso será 0,46 pulgadas). 

Ahora, hay que reducir el ancho de las celdas para transferir una parte del nombre a la siguiente línea. Para ello, debemos seleccionar la fila TH ("Table Header", Encabezado de Tabla).

Después, hay que ir al "Inspector" en el lado derecho y seleccionar las celdas apropiadas. Hay que tener en cuenta que no marcamos la celda número 50 porque estaba oculta. Sin embargo, se puede hacer clic nuevamente en la fila "Table Header" (Encabezado de la Tabla) para anular la selección, ya que solo necesitamos cambiar el tamaño de la celda de la tabla.

Una vez hecho, hay que seleccionar el valor necesario cambiándolo en el campo "Height" (Altura). En nuestro caso, el tamaño es 0,8 pulgadas.

Esta es la tabla que se debería recibir como resultado:

El siguiente paso es alinear el texto dentro de las etiquetas. Para hacerlo, hay que volver a seleccionar las celdas y elegir la alineación centrada en la pestaña "Format" (Formato) en la parte superior.

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

Hay que marcar la línea una vez más haciendo clic en "TH".

En el lado derecho, hay que ir a la sección "Color", y en el campo "Background" (Fondo), cambiar el color al que se quiera (en nuestro caso será el 0x2196f3 - azul).

Lo que queda es colocar la tabla al lado del gráfico. Para hacerlo, debemos reducir el gráfico que creamos anteriormente tirando de la esquina y colocándolo a la misma altura que la tabla.

El resultado que obtuvimos se muestra a continuación.

En este artículo, examinamos las formas básicas de dar formato a 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.