Visualizaciones de mosaico

Los iconos son una manera útil de presentar los datos de resumen de los libros. El ejemplo siguiente muestra un caso de uso común de iconos con el resumen a nivel de aplicación sobre una cuadrícula detallada.

Screenshot that shows a tile summary view.

Los iconos del libro permiten mostrar elementos como un título, un subtítulo, texto grande, iconos, degradados basados en métricas, minigráficos o minibarras y pies de página.

Agregación de un icono

  1. Para cambiar el libro al modo de edición, seleccione el botón de la barra de herramientas Editar.

  2. Seleccione Agregar>Agregar consulta para agregar un control de consulta de registros al libro.

  3. En Tipo de consulta, seleccione Registros. Para Tipo de recurso, seleccione, por ejemplo, Application Insights y luego los recursos de destino.

  4. Use el editor de consultas para especificar el KQL para el análisis.

    requests
    | summarize Requests = count() by appName, name
    | top 7 by Requests desc
    
  5. Establezca el tamaño en Completo.

  6. Establezca la visualización en Iconos.

  7. Seleccione el botón Configuración de iconos para abrir el panel Configuración de iconos:

    1. En Título, establezca:
      • Usar columna: name
    2. En Izquierda, establezca:
      • Usar columna: Requests
      • Representador de columnas: Big Number
      • Paleta de colores: Green to Red
      • Valor mínimo: 0
    3. En Inferior, establezca:
      • Usar columna: appName
  8. Haga clic en el botón Guardar y cerrar de la parte inferior del panel.

Screenshot that shows a tile summary view with query and tile settings.

Los iconos en modo de lectura:

Screenshot that shows a tile summary view in read mode.

Minigráficos en iconos

  1. Para cambiar el libro al modo de edición, seleccione Editar en la barra de herramientas.

  2. Agregue un parámetro de intervalo de tiempo llamado TimeRange.

    1. Seleccione Agregar>Agregar parámetros.
    2. En el control de parámetro, seleccione Agregar parámetro.
    3. En el campo Nombre del parámetro, escriba TimeRange. En Tipo de parámetro, elija Time range picker.
    4. Seleccione Guardar en la parte superior del panel y, a continuación, Edición finalizada en el control de parámetro.
  3. Seleccione Agregar>Agregar consulta para agregar un control de consulta de registro en el control de parámetro.

  4. En Tipo de consulta, seleccione Registros. Para Tipo de recurso, seleccione, por ejemplo, Application Insights y luego los recursos de destino.

  5. Use el editor de consultas para especificar el KQL para el análisis.

    let topRequests = requests
    | summarize Requests = count() by appName, name
    | top 7 by Requests desc;
    let topRequestNames = topRequests | project name;
    requests
    | where name in (topRequestNames)
    | make-series Trend = count() default = 0 on timestamp from {TimeRange:start} to {TimeRange:end} step {TimeRange:grain} by name
    | join (topRequests) on name
    | project-away name1, timestamp
    
  6. Seleccione Ejecutar consulta. Establezca TimeRange en un valor de su elección antes de ejecutar la consulta.

  7. Establezca la visualización en Iconos.

  8. Establezca el tamaño en Completo.

  9. Seleccione Configuración de iconos:

    1. En Icono, establezca:
      • Usar columna: name
    2. En Subtítulo, establezca:
      • Usar columna: appNAme
    3. En Izquierda, establezca:
      • Usar columna:Requests
      • Representador de columnas: Big Number
      • Paleta de colores: Green to Red
      • Valor mínimo: 0
    4. En Inferior, establezca:
      • Usar columna:Trend
      • Representador de columnas: Spark line
      • Paleta de colores: Green to Red
      • Valor mínimo: 0
  10. Seleccione Cerrar y guardar en la parte inferior de la página.

Screenshot that shows tile visualization with a spark line.

Tamaños de iconos

Tiene una opción de establecer el ancho del icono en la configuración de iconos:

  • fixed (valor predeterminado)

    El comportamiento predeterminado de los iconos es el mismo ancho fijo, aproximadamente unos 160 píxeles de ancho, más el espacio que haya alrededor de los iconos.

    Screenshot that shows fixed-width tiles.

  • auto

    Cada título se reduce o crece para ajustarse a su contenido. Los iconos están limitados al ancho de la vista de iconos (sin desplazamiento horizontal).

    Screenshot that shows auto-width tiles.

  • full size

    Cada título siempre tendrá el ancho completo de la vista de iconos, con un título por línea.

    Screenshot that shows full-size-width tiles.

Pasos siguientes