El mejor visual personalizado del que nunca has oído hablar

Si ha estado buscando imágenes personalizadas para LuckyTemplates, le mostraré una increíble que supongo que el 99 % de ustedes nunca ha visto o escuchado antes. Puede ver el video completo de este tutorial en la parte inferior de este blog.

Encontré esto en el , que se ocupaba de las compras, el inventario y las ventas. Teníamos un conjunto de datos que se centraba principalmente en órdenes de compra, cuentas por cobrar y facturas.

Para este desafío, necesitábamos representar el tiempo entre esos eventos y visualizarlos de una manera útil. Una de las cosas que me llamó la atención inicialmente sobre este desafío fue que sería genial si pudiéramos mostrar los diferentes eventos en una línea de tiempo horizontal escalada por fecha. Sabía que no había forma de hacerlo en las imágenes base dentro de LuckyTemplates.

Así que fui al mercado de AppSource y busqué imágenes personalizadas que pudieran hacer una línea de tiempo horizontal. Encontré algo llamado Query On Timeline .

Tiene algo que estaba buscando: una barra con fechas y gráficos y la capacidad de incluir información adicional debajo de la línea, como fechas de órdenes de compra, fechas de conocimientos de embarque y fechas de facturas.

Hay otras formas de usar esto, como este estilo Kanban.

También puede usar la versión reducida sin las imágenes.

O elige el estilo cascada.

Incluso puede optar por el estilo de imagen en línea.

Hay muchas maneras en las que puedes hacer esto. Cuando comencé a investigar esto, descubrí que no había documentación al respecto. Sorprendentemente, no había nada sobre esto en la comunidad de Microsoft, donde casi siempre puede encontrar algo que responda a su pregunta.

Tuve que explorar este principalmente por mi cuenta. En este blog, quiero mostrarle lo que hice con él y explicarle cómo usarlo en caso de que esté interesado en aplicarlo a sus propios informes.

Esta fue mi entrada para el Desafío n.° 7 usando la consulta en la línea de tiempo visual.

El elemento visual inferior izquierdo tiene esta clave: el naranja era para las fechas de las órdenes de compra, el azul medio era para las cuentas por cobrar y el azul oscuro era para las fechas de las facturas.

Cada una de las órdenes de compra tiene múltiples materiales con diferentes fechas de entrega y diferentes fechas de facturación. Todo es totalmente dinámico, por lo que si selecciona en otra orden de compra, puede ver que el visual cambia y puede filtrarlo por material.

También puede salir del foco para ver el rango completo de fechas asociadas con las diferentes cuentas por cobrar y facturas.

Si hace clic en cualquiera de estos íconos, lo llevará a su página. Por ejemplo, si hace clic en la factura...

…lo llevará a una plantilla de factura simulada.

Y de manera similar, si va a la orden de compra, lo llevará a una plantilla de orden de compra. Lo mismo sucede con las entregas y los conocimientos de embarque.

Tabla de contenido

• Pasos clave para lograr una de las mejores imágenes personalizadas para LuckyTemplates
• Preparando tus visuales
• Preparando su modelo de datos
• Dar formato a los objetos visuales personalizados para LuckyTemplates
• Conclusión

Pasos clave para lograr una de las mejores imágenes personalizadas para LuckyTemplates

Este es un objeto visual sofisticado y hay varios pasos clave para que funcione en sus propios informes. El primero es preparar sus imágenes .

El segundo paso es cargar las imágenes en un sitio de alojamiento público donde puede obtener fácilmente las URL para manipularlas en LuckyTemplates.

También debe configurar su URL complementaria , que en este caso son las plantillas simuladas que vinculamos a los íconos.

Luego, debe configurar su modelo de datos de una manera que sea consistente con los requisitos de Consulta en línea de tiempo .

A diferencia de otras imágenes que son flexibles cuando se trata de una variedad de modelos de datos, esta requiere algunas limitaciones estrictas sobre cómo estructura su modelo.

Debe tener esto en cuenta con anticipación y luego configurar el visual en sí. Tiene mucha capacidad de configuración, y parte de ella no es intuitiva.

Preparando tus visuales

Comencemos con el Paso 1. Uso un sitio llamado Flat Icon para mis imágenes.

Hay muchos buenos sitios de íconos; este simplemente pasa a ser el que yo uso. Lo que hice fue seleccionar tres íconos, uno para compras, entregables y facturas.

Modifiqué estos íconos usando mi tema de color. Si tiene curiosidad sobre cómo hacer que estos coincidan con su tema de color, vea mi video sobre la fácil disputa de códigos hexadecimales para LuckyTemplates .

Una vez que haya configurado todas sus fotos, imágenes o iconos, descárguelos y cárguelos en un sitio de alojamiento de imágenes. Una vez más, hay muchos buenos. El que yo uso se llama ImgBB , que es un sitio gratuito y fácil de usar.

Los íconos que usé en mi entrada para la consulta en la línea de tiempo son los íconos de color naranja, azul medio y azul oscuro.

La clave aquí es seleccionar los íconos que necesita y seleccionar Obtener códigos de inserción .

Esto le permitirá ver los enlaces del Visor .

Haga clic en el botón desplegable y vaya a Enlaces directos.

Luego copie estos enlaces en un bloc de notas. La clave aquí es obtener las URL de estas imágenes alojadas públicamente.

Esto es similar a lo que hará con sus URL complementarias. En este caso, el sitio del que obtuve se llama Template Labs .

Copié las URL de la orden de compra, el conocimiento de embarque y las plantillas de factura en un bloc de notas. Los manejaremos de la misma manera que vamos a manejar las URL de íconos.

Preparando su modelo de datos

Lo siguiente que debe hacer es preparar nuestro modelo de datos. Le mostraré cómo la mayoría de las personas en el desafío manejaron sus modelos de datos. Esta es la presentación de Mudassir Ali, y armó una entrada maravillosa para este desafío. Realmente te animo a que le eches un vistazo.

Hay muchas imágenes e información sobre herramientas realmente interesantes incrustadas aquí, así como algunas técnicas geniales. Para lograr esto, construyó un modelo de datos con tres tablas de hechos, que es un enfoque perfectamente bueno en este desafío.

Esta fue una buena manera de hacer los cálculos y llegar a los hallazgos analíticos que se necesitaban. Pero este modelo no admitirá el enfoque de línea de tiempo.

Mi envío fue básicamente mucho trabajo de consulta de energía para obtener esas tres tablas de hechos en una tabla de transacciones de extremo a extremo.

En el foro, podemos escribir extensamente sobre cómo se nos ocurrieron nuestras entradas. Puede leer para ver cómo armé la tabla de transacciones de extremo a extremo con gran detalle.

Si observamos la tabla de transacciones, tenemos varias fechas: fecha de la orden de compra, fecha de la factura, fecha de las cuentas por cobrar y otras fechas calculadas.

Lo que se necesita para la consulta en la línea de tiempo es una sola columna de fecha. Entonces, después de armar esta tabla de transacción única, la desvigué y luego vinculé la versión no girada a mi modelo de datos. Tenga en cuenta que el título dice pivote, pero esto en realidad no está pivotado.

Si volvemos a mirar la tabla de transacciones, veremos la columna de categoría Fecha y la columna Fecha única .

La columna Categoría de fecha se ha dividido básicamente en tres categorías principales: pedido , recibido y facturado . Pero también hay máximos y mínimos locales y globales.

También tenemos la URL de la orden de compra (URL de la orden de compra).

Si miramos hacia atrás en la tabla de transacciones, veremos las columnas calculadas para estas URL, que son sentencias que miran la categoría de datos y asignan la URL del sitio de alojamiento de imágenes al ícono apropiado.

Hacemos la misma instrucción SWITCH similar para asignar la plantilla que también se basa en el campo Categoría de fecha.

Así es como asigné el ícono y la plantilla adecuados para cada uno de los registros.

Si volvemos a la tabla no dinámica, veremos la única columna de fecha , la categoría de fecha y los dos campos de URL para las órdenes de compra y las plantillas.

Esto es todo lo que necesitamos para configurar correctamente la línea de tiempo.

Si entramos en nuestros campos visuales y principales aquí, el Título es la Categoría de fecha sin pivotar que le mostré.

La fecha/hora puede ser una de dos cosas: la fecha de la tabla de hechos en la versión sin pivotar o la fecha validada en la tabla de fechas. Cualquiera de los dos trabaja aquí.

La URL opcional es la URL de la plantilla que está vinculada al clic del icono.

La imagen opcional es el campo URL de la orden de compra.

Ahora, si echamos un vistazo a ese campo de URL de orden de compra, debemos configurar la categoría de datos en la URL de la imagen, ya que se establecerá automáticamente como texto de forma predeterminada. Si lo mantiene como texto, las imágenes no se reproducirán correctamente.

Si lo configura en el campo URL, las imágenes se enviarán correctamente desde el sitio de alojamiento de imágenes.

Estos pasos son básicamente cómo puede configurar correctamente los campos fundamentales en el objeto visual.

Dar formato a los objetos visuales personalizados para LuckyTemplates

Ahora, solo quiero guiarlo a través de algunos de los formatos que hice para el informe. El primero que es relevante es Stagger Text , que crea un efecto de cascada.

Si desactivamos Stagger Text, lo que obtenemos es todo en la misma línea. Pero cuando tiene varios campos relativamente cerca uno del otro, simplemente se superponen y se vuelven ilegibles. Es por eso que escalonamos el texto en el cálculo automático.

La función Texto en la parte superior le permite mover el texto en cascada debajo de la línea.

Los títulos en negrita le permiten resaltar el título en negrita. También hay algo de formato de fecha que puede hacer en el eje X. Puede mostrar o no mostrar las fechas en el eje.

Los interruptores de fecha de escala manual también son importantes porque si los activa, el punto de inicio y el punto final permanecen constantes.

Esto debe estar activado porque tenemos un período fijo de tiempo para los datos. Queremos mostrar en relación con ese punto fijo en el tiempo donde ocurren estos diferentes eventos.

Si desactivamos esto, el último punto de datos en cada orden de compra se convierte en el punto final de esa línea. Como puede ver, el punto final es marzo.

En este caso, queremos activar el escalado manual e iniciarlo el 1 de enero, que es el comienzo del conjunto de datos, y finalizarlo el 30 de junio, que es el final del conjunto de datos.

Los píxeles de escala manual establecen el ancho de la línea. La única razón por la que activamos esto fue para crear un espacio para que no se ejecutara y crear una barra de desplazamiento en la parte inferior.

Las propiedades de un solo elemento son útiles si solo tiene un evento por categoría.

Dado que esto no tiene un formato condicional personalizado completo , puede configurar la fuente, el color y las propiedades de cada categoría con esta función. Solo te permite hacer el primero, mientras que el resto están en el color predeterminado. Con suerte, en una versión posterior, tendrán el formato condicional completo.

La configuración de imagen le permite escalar el tamaño de sus imágenes y mantener el espacio adecuado.

El estilo le permite elegir entre varios estilos: estilo de barra, estilo de línea, estilo de cascada y estilo Kanban.

Vamos con el estilo de barra, pero para otras aplicaciones, es posible que desee experimentar y jugar con esta función.

Este objeto visual personalizado también tiene una capacidad dinámica para mostrar la fecha de hoy, pero no es relevante en este caso porque no se extiende a la longitud de nuestros datos.

También tiene la capacidad de descargar las fechas como un archivo de calendario desde Google Calendar o Outlook.

Conclusión

Este es un ejemplo de cómo configura elementos visuales personalizados para LuckyTemplates. Se requiere mucha experimentación para que se vea exactamente bien, pero creo que proporciona una forma valiosa de mostrar los datos.

Con suerte, este tutorial le resultó útil y encontró algo con lo que quizás desee experimentar y jugar.

Suscríbase a LuckyTemplates TV si aún no lo ha hecho. Tenemos una gran cantidad de contenido de video nuevo que saldrá pronto.