Personalizar elementos visuales del Dashboard en tiempo real

Los paneles en tiempo real son una colección de mosaicos que presentan una representación visual respaldada por una consulta subyacente en Lenguaje de consulta Kusto (KQL). En este artículo se explica cómo editar las visualizaciones y consultas de un azulejo de tablero en tiempo real. También proporciona información general sobre las propiedades de personalización específicas de cada tipo de visualización.

Paneles en tiempo real soportan todas las visualizaciones que puede crear en el contexto del operador render, junto con los objetos visuales específicos del panel.

Requisitos previos

• Un área de trabajo con una capacidad habilitada para Microsoft Fabric
• Permisos del editor en un panel en tiempo real

Personalización de un icono de panel

Para realizar cambios en el panel:

1. En el menú superior, seleccione Visualización y cambie al modo Edición.

2. En el icono que desea personalizar, seleccione el icono Editar . Edite la consulta subyacente o las propiedades de visualización.

3. Seleccione Aplicar cambios para guardar los cambios y volver al panel.

Propiedades de personalización

En la tabla siguiente se describen las propiedades de personalización disponibles, clasificadas alfabéticamente por sección, y se especifica qué objetos visuales admiten cada propiedad.

Colores de la serie de datos

Mediante el uso de colores de serie de datos, puede controlar cómo se aplican los colores a los objetos visuales. En lugar de confiar en asignaciones automáticas de colores, asigne colores específicos a cada serie de datos para transmitir significado y mantener la coherencia entre los paneles.

Mediante el uso de colores de serie de datos, puede hacer lo siguiente:

• Asigne colores directamente a cada serie de datos.

• Invalide los valores predeterminados del sistema con opciones intencionadas.

• Mantener la consistencia del color en visuales y paneles de control.

Esta característica es compatible con los siguientes tipos de objeto visual: gráfico de anomalías, gráfico de áreas, gráfico de barras, gráfico de columnas, gráfico de líneas, gráfico circular, gráfico de dispersión, gráfico de tiempo y objeto visual de serie temporal.

Para configurar los colores de la serie de datos:

1. En el menú superior, seleccione Visualización y cambie al modo Edición.

2. Seleccione el icono Editar del objeto visual que desea personalizar.

3. En la pestaña Visual del panel de formato, expanda la sección Colores de la serie.

4. Selecciona un color para cada serie de datos en tu visualización.

5. Seleccione Aplicar cambios para guardar la configuración.

Al asignar colores intencionadamente, los espectadores pueden interpretar objetos visuales de un vistazo sin necesidad de leer leyendas o etiquetas. Considere la posibilidad de usar colores que se alineen con los estándares de su organización o que transmitan de forma natural el significado de cada serie, como rojo para estados críticos o verde para métricas correctas.

Visual de serie temporal (versión preliminar)

Use el objeto visual de serie temporal para mostrar datos basados en el tiempo en varias medidas y categorías. Traza valores numéricos a lo largo del tiempo, lo que facilita la identificación de tendencias, patrones y anomalías.

Creación de un objeto visual de serie temporal

Para crear y configurar un visual de series temporales en el panel en tiempo real:

1. En el menú superior, seleccione Visualización y cambie al modo Edición.

2. Seleccione el icono Editar del objeto visual que desea personalizar.

3. En el panel Formato visual , abra Tipo de objeto visual y seleccione Serie temporal.

   

4. En la sección Datos , configure las siguientes propiedades:

   • Columna de tiempo (eje X): seleccione la columna timestamp que representa los intervalos de tiempo en el eje horizontal.

   • Datos medidos (eje Y): seleccione uno o varios campos numéricos para trazar con el tiempo en el eje vertical.

   • Entidades y medidas (opcional): seleccione campos de categorías para agrupar los datos en varias series.

   

5. Use el panel Entidades y medidas para controlar qué datos aparecen:

   • Busque una serie específica por nombre.
   • Expandir o contraer grupos en la jerarquía de entidades.
   • Active o desactive las casillas para mostrar u ocultar series.
   • Reordenar series para controlar el orden de visualización y leyenda.

   Esta selección no modifica la consulta subyacente.

6. Ajuste el intervalo de tiempo mediante los controles de escala de tiempo:

   • Arrastrar el deslizador de tiempo para acercar o alejar la vista en intervalos concretos.
   • Escriba las horas de inicio y finalización para definir un intervalo preciso.

   Cuando se muestran varias medidas, todos los gráficos permanecen sincronizados con el intervalo de tiempo seleccionado.

   

7. Personalice aún más el gráfico mediante la configuración de propiedades como:

   • Escalado del eje Y:

     • Global (escala compartida entre gráficos)
     • Independiente (escalas independientes por gráfico)
     • Adaptativo (reduce el impacto de los valores atípicos)

   • Colores: Asigne colores de una paleta o por serie.

   • Escala del eje: Cambie entre escala lineal y logarítmica para diferentes distribuciones de datos.

   • Comportamiento del zoom: Habilite el movimiento panorámico y el zoom para la exploración interactiva.

8. Seleccione Listo para guardar la configuración y volver al panel.

Visualización de KPI

Una ficha KPI muestra un único valor numérico basado en consultas como indicador visual. Te ayuda a evaluar rápidamente la salud o el estado de una métrica. Utiliza las fichas KPI para monitorizar escenarios en los que necesitas responder preguntas como: "¿Este valor es saludable o problemático?" "¿Está por encima o por debajo de un objetivo base?"

Modos de pantalla

Las losas KPI soportan cuatro modos de visualización:

Añadir una loseta KPI

1. En tu panel de control, cambia a modo Edición .

2. En el menú superior, selecciona Añadir visual y luego selecciona KPI.

   

3. Configura la configuración del KPI:

   • Tipo de visualización: Elige entre Barra, Anillo, Medidor y Número.
   • Datos: Selecciona el campo numérico de tu consulta para mostrarlo.
   • Formato de valor: Elige Auto, decimales, separador de miles o notación compacta (por ejemplo, 1,2K).
   • Formato condicional: Establece umbrales para definir los rangos saludables, de advertencia y críticos para tu KPI. También puedes elegir si valores más altos o más bajos se consideran peores.
   • Línea de referencia: Opcionalmente, añade una línea de referencia de referencia para indicar un valor objetivo o esperado.

   

4. Selecciona Listo para añadir el mosaico al panel.

5. Selecciona el botón Guardar para guardar el panel de control.

Estados del umbral del KPI

Las fichas KPI muestran uno de tres estados umbral basados en el valor actual y tu configuración umbral:

Puedes configurar la dirección del umbral. Seleccione Cuanto más alto, peor para métricas como la tasa de error o la latencia, o Cuanto más bajo, peor para métricas como el rendimiento o la disponibilidad. Para garantizar la accesibilidad, los estados de umbral también utilizan patrones de relleno (rayas o puntos) además del color, para que sean distinguibles por los usuarios daltónicos.

Detección de cambios de KPI

Las losetas KPI utilizan actualizaciones basadas en eventos en lugar de sondeos. Cuando la fuente de datos recibe nuevos datos, el valor del KPI se actualiza automáticamente con una animación de transición suave de 300 ms. Si no se reciben nuevos datos en 60 segundos (configurable en la configuración de mosaicos), se muestra una superposición de datos obsoletos con la marca de tiempo de la última actualización.

Tallas responsivas

Los mosaicos KPI adaptan su diseño en función del tamaño del mosaico:

Insertar imágenes

Puede insertar imágenes en los iconos del panel mediante el texto Markdown.

Para obtener más información sobre GitHub Flavored Markdown, consulte Especificación de GitHub Flavored Markdown.

1. Abrir un panel en tiempo real.

2. En el menú superior, seleccione Agregar markdown para abrir un icono de Markdown.

   

3. En el panel de consulta, pegue la dirección URL de una imagen ubicada en un servicio de hospedaje de imágenes mediante la sintaxis siguiente:

   ![](URL)
   

   La imagen se muestra en la vista previa del mosaico.

   

4. En el menú superior, seleccione Listo para guardar el icono.

Para obtener más información sobre la sintaxis de la imagen en GitHub Flavored Markdown, consulte Imágenes.

Contenido relacionado

• Aplicar formato condicional a los objetos visuales del panel en tiempo real
• Solucionar errores visuales del panel en tiempo real