Visualización declarativa de Deneb LuckyTemplates

En este tutorial, intentaremos comprender los conceptos básicos de la visualización declarativa de Deneb LuckyTemplates analizando las 3 secciones principales de la interfaz de Deneb. Estos son el Panel del editor visual , el Área de vista previa y el Panel de propiedades .

Deneb es una herramienta que puede usar para crear visualizaciones con el uso de códigos JSON declarativos en LuckyTemplates.  

Deneb tiene formas similares de crear imágenes en LuckyTemplates usando y . Con este tutorial, podrá familiarizarse con el uso de Deneb para crear visualizaciones en LuckyTemplates .

Tabla de contenido

• Las 3 secciones principales de la interfaz Deneb en LuckyTemplates
• Características útiles en el panel del editor visual de Deneb
• Modificación de la configuración para el mapeo de campos
• El área de vista previa de Deneb y sus funciones de zoom
• Uso del panel de propiedades en Deneb LuckyTemplates
• Conclusión

Las 3 secciones principales de la interfaz Deneb en LuckyTemplates

Para este ejemplo, vamos a utilizar el gráfico de barras País versus Ventas totales para demostrar las secciones principales de la interfaz de Deneb.

Para que podamos ver las 3 secciones principales de la interfaz de Deneb, debemos hacer clic en el icono de puntos suspensivos de la esquina superior derecha del gráfico de barras.

Después de eso, haga clic en la opción Editar .

Una vez que hagamos clic en la opción Editar , deberíamos ver el panel del Editor visual y el Área de vista previa .

Para que podamos ver el Panel de propiedades , debemos expandir las " Visualizaciones " en el lado derecho del Área de vista previa haciendo clic en él. 

En Visualizaciones , haga clic en la opción Dar formato a su imagen .

Luego haga clic derecho en el Editor .

Por último, seleccione la opción Expandir todas las categorías .

Después de realizar estos pasos, deberíamos ver el Panel de propiedades .

En general, así es como debería verse su interfaz después de abrir el Panel de propiedades.

Características útiles en el panel del editor visual de Deneb

En el panel Editor visual , veremos un conjunto de iconos: reproducir, aplicar automáticamente, formatear, asignar, nuevo, plantilla y ayuda .

El icono de reproducción se usa para aplicar los cambios que hemos realizado en nuestro código JSON. Hay ocasiones en que este ícono está atenuado a menos que realice cambios en su código. Por ejemplo, eliminaré la coma en nuestro código JSON.

Observe en la captura de pantalla a continuación que el ícono de "reproducir" ahora está activo después de eliminar la coma en el código.

El ícono de aplicación automática se usa para aplicar automáticamente los cambios a medida que ingresa los códigos JSON. Puede activar y desactivar esto según sus preferencias.

Así es como se ve el ícono de Aplicación automática cuando está activado. En el Área de vista previa, verá que al cambiar el valor de la información sobre herramientas de verdadero a falso , aparece un error porque el cambio aún no se ha finalizado.

El ícono Reparar y formatear JSON , por otro lado, funciona para reparar su código JSON con el formato adecuado. Reparará el código cada vez que falten comas, corchetes angulares, dos puntos y otros.

Para demostrar cómo funciona, agregaré algo de espacio adicional en el código y haré clic en el ícono Reparar y formatear JSON .

Al hacer clic en el ícono Reparar y formatear JSON , debería rectificar y eliminar los espacios adicionales que agregué en el código.

El icono Editar asignación de campo de especificación se usa para realizar cambios en la asignación de campos de LuckyTemplates.

El icono Nueva especificación reemplazará la especificación y la configuración actuales en las que está trabajando. Esto es simplemente para crear una nueva especificación.

El ícono Generar plantilla JSON generalmente se usa para crear una plantilla JSON para exportar o guardar su trabajo o para reutilizarla. 

Por último, puede usar el ícono de Ayuda para abrir la documentación relacionada con Deneb LuckyTemplates.

Si hace clic en este icono, aparecerá un cuadro de diálogo que le indica que abra la documentación en un nuevo navegador. Simplemente haga clic en Aceptar cuando vea esto.

Luego serás redirigido a la página de Deneb para obtener la documentación que necesitas.

Modificación de la configuración para el mapeo de campos

Ahora modifiquemos la configuración para la asignación de campos en LuckyTemplates. Primero, dupliquemos la página de inicio. Para hacer esto, haga clic derecho en la pestaña Inicio en la esquina inferior izquierda. A continuación, seleccione Duplicar página .

Como resultado, tendrá una copia de la página de inicio .

Después de eso, cambiemos los campos disponibles para nuestra visualización. Haga clic en el gráfico de barras y debería ver los valores en el panel de propiedades.

En el Panel de propiedades , anule la selección del campo País en Valores haciendo clic en el icono X.

Expandamos el panel Campos , haga clic en el menú desplegable de Canales , luego haga clic y arrastre el campo Canal a Valores.

A continuación, haga clic en el icono de puntos suspensivos en la esquina superior izquierda del gráfico de barras y seleccione la opción Editar .

Dado que hemos realizado cambios en los campos, se requiere un mapeo para que actualicemos los campos que necesitamos mapear en la visualización. En este caso, debemos asignar el campo Canal para reemplazar el campo País . Haga clic en Aplicar asignación una vez que haya terminado de asignar el nuevo campo.

Después de aplicar la asignación, haga clic en el botón Volver al informe para obtener una vista previa completa de los cambios que hicimos en la visualización.

Hacer el proceso de actualizar los campos para su visualización le ahorrará tiempo en lugar de cambiarlo manualmente en el código JSON.

El área de vista previa de Deneb y sus funciones de zoom

El Área de vista previa es donde podemos ver la visualización mientras editamos el código JSON. Puede ajustar el nivel de zoom del Área de vista previa utilizando las funciones de zoom en la sección inferior derecha de este panel.

Para ver las funciones de zoom, debe ingresar al modo de edición del gráfico de barras en el área de vista previa.

Debería ver las funciones de zoom después de elegir la opción Editar.

Los símbolos menos (-) y más (+) disminuirán o aumentarán el nivel de zoom en un 10 % .

Utilice el control deslizante de zoom si desea aumentar o disminuir gradualmente el nivel de zoom del Área de vista previa. 

La flecha circular se usa para establecer el nivel de zoom al 100%.

El icono junto a la flecha circular se usa para ajustar la vista previa de la visualización al espacio disponible en el Área de vista previa.

Por último, el número con un símbolo de porcentaje ( % ) le indica el nivel de zoom actual que está utilizando.

Uso del panel de propiedades en Deneb LuckyTemplates

Ahora estamos en la última sección de la interfaz de Deneb LuckyTemplates, que es el Panel de propiedades. En el Panel de propiedades, puede establecer el tamaño de fuente del editor de código, habilitar o deshabilitar funciones como ajuste de línea, medianil de línea y números de línea, y mostrar marcadores de límite. Por último, puede cambiar la cantidad de colores del tema de LuckyTemplates que desea usar.

Para aumentar o disminuir el tamaño de fuente del texto en el editor de código, simplemente haga clic en las flechas presentes en el cuadro de entrada de tamaño de fuente.

Para el ajuste de línea, medianil de línea, números de línea y mostrar marcadores de límite, puede dejarlos todos en On . Estas características sirven como guías en su editor de código y el Área de vista previa. Puede probarlos usted mismo y decidir qué función funciona mejor para usted.

También hay una característica de Integración de tema de informe que le permite cambiar la cantidad de colores de tema de LuckyTemplates que se usarán.

Puede consultar el sitio web de Deneb para obtener la documentación completa sobre esta función.

Por último, puede anular el límite de fila predeterminado en la visualización de Deneb LuckyTemplates.

Para obtener más detalles sobre esta característica, consulte la documentación en el sitio web de Deneb .

Tenga en cuenta que el Panel de propiedades es específico de una visualización. También puede variar entre diferentes archivos PBIX o entre diferentes visualizaciones de Deneb en el mismo archivo PBIX. Un archivo PBIX es un documento que creamos en LuckyTemplates, que incluye modelos de datos, visualizaciones, informes y otros.

Conclusión

En resumen, ha aprendido acerca de las 3 secciones principales de la interfaz de Deneb LuckyTemplates y cómo funciona cada una de ellas. Estos son el panel del editor visual, el área de vista previa y el panel de propiedades. También aprendió sobre las funciones útiles en el panel del Editor visual, que incluyen la reproducción, la aplicación automática, la reparación y el formato de JSON, el formato de campo, la nueva especificación, la generación de plantillas JSON y la ayuda.

Además de eso, pudo modificar la configuración para el mapeo de campos utilizando el Panel de propiedades y utilizar las diferentes funciones dentro de él. Esto incluye cambiar el tamaño de fuente del editor de código JSON, el ajuste de línea, los márgenes de línea y los números de línea, y mostrar los marcadores de límite. Siga explorando las otras pestañas que no se cubrieron en este tutorial para aprovechar al máximo la visualización de Deneb LuckyTemplates.

Si disfrutó de la imagen personalizada para el contenido de LuckyTemplates cubierto en este tutorial en particular, no olvide suscribirse al canal de televisión LuckyTemplates .

Tenemos una gran cantidad de contenido que sale todo el tiempo de mí y una variedad de creadores de contenido, todos dedicados a mejorar la forma en que usa LuckyTemplates y Power Platform.

greg