Adición de visualizaciones para comparar y analizar los datos

  • 7 minutos

En este ejercicio, vamos a dar una vuelta de tuerca. En lugar de simplemente tener visualizaciones que muestren datos de algunos orígenes de datos, vamos a agregar objetos visuales que combinen datos de esos orígenes para poder correlacionar los datos y analizar el sistema.

Vamos a crear gráficos para mostrar las solicitudes, el tiempo de CPU y el consumo de unidades de solicitud en la aplicación web y Cosmos DB. El gráfico usa métricas combinadas de la aplicación web y de la base de datos.

Vamos a combinar datos usando consultas de Log Analytics que obtienen datos de estos orígenes:

  • La aplicación web
  • Cosmos DB
  • El área de trabajo de Log Analytics

Luego, agregaremos una métrica que supervise la aplicación.

Generación de algunos datos para este ejercicio

  1. Inicie sesión en Azure Portal.

  2. En la página Inicio, seleccione Grupos de recursos o busque "Grupos de recursos" en la barra de búsqueda de la parte superior de la página.

  3. Seleccione el grupo de recursos "learn" que se creó al activar el espacio aislado.

  4. Examine la lista de recursos y seleccione el servicio de aplicaciones.

    Screenshot of selecting the App Service from the resource group.

  5. En la barra de herramientas superior, seleccione Examinar.

    Screenshot of the browser button from the App Service page.

  6. Rellene el servicio de aplicaciones con algunas actividades para generar algunos datos para nuestro ejemplo. En la página List of To-Do Items (Lista de elementos pendientes), cree algunos elementos, edítelos o marque algunos como completos.

    Screenshot that shows tasks for the app service for workbooks learn module.

Adición de gráficos para comparar el volumen de solicitudes

Vamos a generar dos gráficos para colocarlos en paralelo con objeto de comparar el número de solicitudes enviadas a la aplicación web y a Cosmos DB.

En el libro, seleccione Editar en la barra de herramientas superior.

  1. Seleccione Agregar y luego, Agregar parámetros.

  2. Seleccione Agregar parámetro para agregar un nuevo parámetro.

    1. En el campo Nombre del parámetro, escriba Web Apps.

    2. En el campo Tipo de parámetro, seleccione Selector de recursos.

    3. Active la casilla Obligatorio.

    4. En la sección Obtener datos de, seleccione Consulta.

    5. En la sección Subscriptions Log query (Consulta de registro de suscripciones):

      1. En el campo Origen de datos, seleccione Azure Resource Graph.

      2. En el campo Tipo de recurso, seleccione Suscripción.

      3. En el campo Suscripciones, seleccione el parámetro de recurso Suscripción.

      4. Escriba la siguiente consulta y luego seleccione Ejecutar consulta.

        resources 
| where type == "microsoft.web/sites" 
| project id

      Screenshot that shows the web app parameter in a workbook.

    6. Seleccione Guardar.

  3. En la misma sección Agregar parámetro, vuelva a seleccionar Agregar parámetro.

    Screenshot that shows adding a second parameter to an existing parameter control in Azure workbooks.

    1. En el campo Nombre del parámetro, escriba Cosmos DB.

    2. En el campo Tipo de parámetro, seleccione Selector de recursos.

    3. Active la casilla Obligatorio.

    4. En la sección Obtener datos de, seleccione Consulta.

    5. En la sección Subscriptions Log query (Consulta de registro de suscripciones):

      1. En el campo Origen de datos, seleccione Azure Resource Graph.

      2. En el campo Tipo de recurso, seleccione Suscripción.

      3. En el campo Suscripciones, seleccione el parámetro de recurso Suscripción.

      4. Escriba la siguiente consulta y luego seleccione Ejecutar consulta.

        resources 
| where type == "microsoft.documentdb/databaseaccounts" 
| project id

    6. Seleccione Guardar.

  4. En la misma sección Agregar parámetro, vuelva a seleccionar Agregar parámetro.

    1. En el campo Nombre del parámetro, escriba Log Analytics.

    2. En el campo Tipo de parámetro, seleccione Selector de recursos.

    3. Active la casilla Obligatorio.

    4. En la sección Obtener datos de, seleccione Consulta.

    5. En la sección Subscriptions Log query (Consulta de registro de suscripciones):

      1. En el campo Origen de datos, seleccione Azure Resource Graph.

      2. En el campo Tipo de recurso, seleccione Suscripción.

      3. En el campo Suscripciones, seleccione el parámetro de recurso Suscripción.

      4. Escriba la siguiente consulta y luego seleccione Ejecutar consulta.

        resources 
| where type == "microsoft.operationalinsights/workspaces"
| project id

    6. Seleccione Guardar.

  5. En la misma sección Agregar parámetro, vuelva a seleccionar Agregar parámetro.

    1. En el campo Nombre del parámetro, escriba Intervalo de tiempo.
    2. En el campo Tipo de parámetro, seleccione Selector de intervalo de tiempo.
    3. Active la casilla Obligatorio.
    4. En el campo Intervalos de tiempo disponibles, asegúrese de que todos los valores están seleccionados.
    5. Seleccione Guardar.

  6. Seleccione Edición finalizada. Ahora, el libro tiene un control de parámetros con cuatro parámetros. Al seleccionar el primer parámetro, la lista de cada lista desplegable consecutiva se rellena en función de la selección.

    Screenshot that shows multiple parameters in one control in Azure workbooks.

  7. Seleccione Editar junto al control de parámetro que acabamos de agregar y, a continuación, seleccione Agregar y Agregar métrica.

  8. Especifique esta configuración para la métrica:

    1. En el campo Tipo de recurso, seleccione Servicio de aplicaciones.

    2. En el campo Servicio de aplicaciones, seleccione el parámetro WebApp.

    3. En el campo Intervalo de tiempo, seleccione el parámetro Intervalo de tiempo.

      Screenshot that shows the metric settings for a web app in Azure Workbooks.

  9. Seleccione Agregar métrica y especifique la siguiente configuración:

    1. En el campo Espacio de nombres, seleccione Métricas estándar del servicio de aplicaciones.

    2. En el campo Métricas, seleccione Solicitudes.

    3. En el campo Agregación, seleccione Recuento.

    4. Seleccione Guardar.

      Screenshot that shows the metric settings for the number of requests made to a web app in Azure Workbooks.

  10. Para asegurarse de que los gráficos se muestran en paralelo, seleccione Estilo en la parte superior de la ventana y, a continuación, active la casilla Ajustar este elemento a un ancho personalizado. Asegúrese de que Ancho porcentual está establecido en 50 %.

  11. Seleccione Configuración avanzada y escriba un nombre para el gráfico en el campo Título del gráfico, por ejemplo, "Número de solicitudes de la aplicación web".

  12. Seleccione Edición finalizada. Ahora, tiene un gráfico que muestra el número de solicitudes enviadas a la aplicación web.

    Screenshot that shows one graph in an Azure Workbook.

  13. Seleccione Agregar y Agregar métrica.

  14. Especifique esta configuración para la métrica:

    1. En el campo Tipo de recurso, seleccione Cuenta de Azure Cosmos DB.
    2. En el campo Servicio de aplicaciones, seleccione el parámetro Cosmos DB.
    3. En el campo Intervalo de tiempo, seleccione el parámetro Intervalo de tiempo.

  15. Seleccione Agregar métrica y especifique la siguiente configuración:

    1. En el campo Espacio de nombres, seleccione Métricas estándar de cuenta de Azure Cosmos DB.
    2. En el campo Métricas, seleccione Total de solicitudes.
    3. En el campo Agregación, seleccione Recuento.
    4. Seleccione Guardar.

  16. Para asegurarse de que los gráficos se muestran en paralelo, seleccione Estilo en la parte superior de la ventana y, a continuación, active la casilla Ajustar este elemento a un ancho personalizado. Asegúrese de que Ancho porcentual está establecido en 50 %.

  17. Seleccione Configuración avanzada y escriba un nombre para el gráfico en el campo Título del gráfico, por ejemplo, "Total de solicitudes de Cosmos DB".

  18. Seleccione Edición finalizada. Ahora, tiene dos gráficos en paralelo que muestran el número de solicitudes enviadas a la aplicación web y a la base de datos.

    Screenshot that shows two graphs in an Azure Workbook.

Adición de gráficos para comparar el volumen de operaciones

Vamos a usar consultas de Log Analytics para generar dos gráficos que colocaremos en paralelo para comparar el número y los tipos de solicitudes enviadas a la aplicación web y a Cosmos DB.

En el libro, seleccione Editar en la barra de herramientas superior.

  1. Agregue una consulta para obtener el número de solicitudes por operación. Seleccione Agregar y luego, Agregar consulta.

    1. En el campo Origen de datos, seleccione Registros.

    2. En el campo Tipo de recurso, seleccione Log Analytics.

    3. En el campo Área de trabajo de Log Analytics, seleccione el parámetro Log Analytics.

    4. En el campo Intervalo de tiempo, seleccione el parámetro Intervalo de tiempo.

    5. Escriba esta consulta de registro:

        AppRequests
| summarize RequestsCount=sum(ItemCount) by OperationName, _ResourceId
| order by RequestsCount desc

      Screenshot that shows a query for the number of requests to a web app in an Azure Workbooks.

  2. Ahora, vamos a usar la configuración de representación para que el gráfico sea fácil de entender visualmente. Seleccione Configuración de columnas y, a continuación, en la sección Columnas de la izquierda, seleccione Nombre de la operación y escriba esta configuración.

    1. En el campo Nombre de columna, escriba (o deje el nombre predeterminado) "OperationName".

    2. En el campo Representador de columnas, seleccione Umbrales.

    3. En la sección Umbrales, seleccione Colores y agregue estos umbrales:

      Operador Valor Color Texto
      contains Crear Naranja {0}{1}
      contains Eliminar Rojo (brillante) {0}{1}
      contains Editar Azul (claro) {0}{1}
      Valor predeterminado Verde {0}{1}

      Screenshot that shows setting the colors in a grid in Azure Workbooks.

  3. En la sección Columnas de la izquierda, seleccione _ResourceId y, a continuación, en el campo Representador de columnas, seleccione Oculto.

  4. En la sección Columnas de la izquierda, seleccione RequestCount y, a continuación, escriba esta configuración:

    1. En el campo Nombre de columna, escriba (o deje el nombre predeterminado) "RequestCount".
    2. En el campo Representador de columnas, seleccione Barra.
    3. En la sección Paleta de colores, seleccione Azul.**
    4. Seleccione Guardar y cerrar.

  5. Para asegurarse de que los gráficos se muestran en paralelo, seleccione Estilo en la parte superior de la ventana y, a continuación, active la casilla Ajustar este elemento a un ancho personalizado. Asegúrese de que Ancho porcentual está establecido en 50 %.

  6. Seleccione Configuración avanzada y escriba un nombre para el gráfico en el campo Título del gráfico, por ejemplo, "Operaciones de la aplicación web".

  7. Seleccione Edición finalizada. Ahora, el libro tiene un gráfico codificado por colores que muestra los tipos de operaciones enviadas a la aplicación web y el número de cada tipo de solicitud.

    Screenshot that shows a bar chart with the number of requests per operation for a web app.

  8. Ahora vamos a agregar una visualización del número de solicitudes de Cosmos DB.

  9. Seleccione Editar junto al control de parámetro que acabamos de agregar y, a continuación, seleccione Agregar y Agregar métrica.

  10. Especifique esta configuración para la métrica:

    1. En el campo Tipo de recurso, seleccione Cuenta de Azure Cosmos DB.
    2. En el campo Servicio de aplicaciones, seleccione el parámetro Cosmos DB.
    3. En el campo Intervalo de tiempo, seleccione el parámetro Intervalo de tiempo.
    4. En el campo Visualización, seleccione Cuadrícula.

  11. Seleccione Agregar métrica y especifique la siguiente configuración:

    1. En el campo Espacio de nombres, seleccione Métricas estándar de cuenta de Azure Cosmos DB.

    2. En el campo Métricas, seleccione Total de solicitudes.

    3. En el campo Agregación, seleccione Recuento.

    4. En el campo Dividir, seleccione Ninguno.

    5. Seleccione Guardar.

      Screenshot that shows a query for the number of requests to a database in an Azure Workbook.

  12. Agregue otra métrica. Seleccione Agregar y Agregar métrica y luego especifique la siguiente configuración:

    1. En el campo Espacio de nombres, seleccione Métricas estándar de cuenta de Azure Cosmos DB.

    2. En el campo Métricas, seleccione Total de solicitudes.

    3. En el campo Agregación, seleccione Recuento.

    4. En el campo Dividir por, seleccione Tipo de operación.

    5. En el campo Ordenar por, seleccione Descendente.

    6. En el campo Número de divisiones, seleccione 5.

    7. En el campo Nombre para mostrar, escriba "Operaciones".

    8. Seleccione Guardar.

      Screenshot that shows a query with results split into columns in an Azure Workbook.

  13. Vamos a usar la configuración de representación para que el gráfico sea fácil de entender visualmente.

  14. Seleccione Configuración de columnas; luego, en la sección Columnas de la izquierda, seleccione microsoft.documentsdb/databaseaccounts-Requests-TotalRequests y especifique la siguiente configuración.

    1. En el campo Representador de columnas, seleccione Mapa térmico.

    2. En el campo Paleta de colores, seleccione Azul.

    3. Seleccione Formato personalizado.

      1. En el campo Unidades, seleccione Recuento.
      2. En el campo Estilo, seleccione Decimal.

      Screenshot that shows setting the colors in a grid using the heatmap setting in Azure Workbooks.

  15. Seleccione Columnas a la izquierda, seleccione microsoft.documentsdb/databaseaccounts-Requests-TotalRequests Timeline (oculto) y especifique la siguiente configuración:

    1. En el campo Etiqueta de columna, escriba (o deje el nombre predeterminado) "Total de solicitudes (recuento)".
    2. En el campo Representador de columnas, seleccione Mapa térmico.
    3. En el campo Paleta de colores, seleccione Azul.

  16. En la sección Columnas de la izquierda, seleccione */Operations$ (Text) y, a continuación, escriba esta configuración:

    1. En el campo Etiqueta de columna, escriba (o deje el nombre predeterminado) "Total de solicitudes (recuento)".
    2. En el campo Representador de columnas, seleccione Mapa térmico.
    3. En el campo Paleta de colores, seleccione Azul.
    4. Seleccione Formato personalizado.
      1. En el campo Unidades, seleccione Recuento.
      2. En el campo Estilo, seleccione Decimal.
    5. Seleccione Guardar y cerrar.

  17. Para asegurarse de que los gráficos se muestran en paralelo, seleccione Estilo en la parte superior de la ventana y, a continuación, active la casilla Ajustar este elemento a un ancho personalizado. Asegúrese de que Ancho porcentual está establecido en 50 %.

  18. Seleccione Configuración avanzada y escriba un nombre para el gráfico en el campo Título del gráfico, por ejemplo, "Operaciones de Cosmos DB".

  19. Seleccione Edición finalizada. Ahora, el libro tiene dos gráficos codificados por colores que muestran los números y tipos de solicitudes enviadas a la aplicación web y a Cosmos DB.

    Screenshot that shows two side by side grids in Azure Workbooks.