Compartir por


Representador de barra compuesta

Con los libros de Azure, los datos se pueden representar mediante la barra compuesta. Esta barra se compone de varias barras.

En la imagen siguiente se muestra la barra compuesta del estado de la base de datos. Muestra cuántos servidores están en línea, sin conexión y en un estado de recuperación.

Captura de pantalla que muestra la barra compuesta del estado de la base de datos.

El representador de barra compuesta es compatible con las visualizaciones de cuadrículas, iconos y grafos.

Adición del representador de barra compuesta

  1. Cambie el libro al modo de edición seleccionandoEditar.

  2. Seleccione Agregar>Agregar consulta.

  3. Establezca Origen de datos en JSON y establezca Visualización en Grid.

  4. Agregue los siguientes datos JSON:

    [
        {"sub":"X", "server": "A", "online": 20, "recovering": 3, "offline": 4, "total": 27},
        {"sub":"X", "server": "B", "online": 15, "recovering": 8, "offline": 5, "total": 28},
        {"sub":"Y", "server": "C", "online": 25, "recovering": 4, "offline": 5, "total": 34},
        {"sub":"Y", "server": "D", "online": 18, "recovering": 6, "offline": 9, "total": 33}
    ]
    
  5. Ejecutar la consulta.

  6. Seleccione Configuración de columnas para abrir el panel de configuración.

  7. En Columnas, seleccione total. En Representador de columnas, seleccione Composite Bar.

  8. En Configuración de barra compuesta, establezca la siguiente configuración:

    Nombre de columna Color
    online (en línea) Verde
    recuperar Amarillo
    sin conexión Rojo (brillante)
  9. En Etiqueta, escriba ["online"] of ["total"] are healthy.

  10. En la configuración de columna para en línea, sin conexión y recuperar, puede establecer Representador de columnas en Hidden (opcional).

  11. Seleccione la pestaña Etiquetas y actualice la etiqueta de la columna total como Database Status (opcional).

  12. Seleccione Aplicar.

La configuración de la barra compuesta se parecerá a la siguiente captura de pantalla:

Captura de pantalla que muestra la configuración de columna de barra compuesta con la configuración anterior.

La barra compuesta con la configuración anterior:

Captura de pantalla que muestra la barra compuesta.

Configuración de la barra compuesta

Seleccione el nombre de columna y el color correspondiente para representar la columna en ese color como parte de una barra compuesta. Puede insertar, eliminar, subir y bajar filas.

Etiqueta

La etiqueta de barra compuesta se muestra en la parte superior de la barra compuesta. Puede utilizar una combinación de texto estático, columnas y parámetros. Si el campo Etiqueta está vacío, se muestra el valor de las columnas actuales como la etiqueta. En el ejemplo anterior, si se deja el campo Etiqueta en blanco, se mostraría el valor de las columnas totales.

Consulte las columnas con ["columnName"].

Consulte los parámetros con {paramName}.

Tanto el nombre de columna como el nombre de parámetro distinguen mayúsculas de minúsculas. También puede hacer que las etiquetas sean un vínculo seleccionando Convertir este elemento en vínculo y, a continuación, agregar la configuración de vínculo.

Agregación

Las agregaciones son útiles para las visualizaciones Árbol y Agrupar por. Los datos de una columna de la fila de grupo se deciden mediante el conjunto de agregaciones para esa columna. Tres tipos de agregaciones son aplicables para las barras compuestas: Ninguno, Suma y Heredar.

Para agregar la configuración Agrupar por:

  1. En configuración de columnas, vaya a la columna a la que desea agregar la configuración.
  2. En Árbol/Agrupar por valores, en Tipo de árbol, seleccione Agrupar por.
  3. Seleccione el campo por el que quiera agrupar.Captura de pantalla que muestra Agrupar por valores.

None

La configuración de Ninguno para la agregación significa que no se muestra ningún resultado para esa columna para las filas de grupo.

Captura de pantalla que muestra la barra compuesta con la configuración de Ninguno para la agregación.

Sum

Si la agregación se establece como Suma, la columna de la fila de grupo muestra la barra compuesta mediante la suma de las columnas que se usan para representarla. La etiqueta también usará la suma de las columnas referidas en ella.

En el ejemplo siguiente, las columnas en línea, sin conexión y recuperar tienen la agregación máxima establecida en ellas y la agregación para la columna total es Suma.

Captura de pantalla que muestra la barra compuesta con la configuración de Suma para la agregación.

Heredar

Si la agregación se establece como Heredar, la columna de la fila de grupo muestra la barra compuesta mediante la agregación establecida por los usuarios para las columnas que se usan para representarla. Las columnas usadas en la etiqueta también usan la agregación establecida por el usuario. Si el representador de la columna actual es Barra compuesta y se hace referencia a ella en la etiqueta (como total en el ejemplo anterior), se utiliza Suma como agregación para esa columna.

En el ejemplo siguiente, las columnas en línea, sin conexión y recuperar tienen la agregación máxima establecida en ellas y la agregación para la columna total es Heredar.

Captura de pantalla que muestra la barra compuesta con la configuración de Heredar para la agregación.

Ordenar

En las visualizaciones de cuadrícula, la ordenación de las filas de la columna con el representador de barra compuesta funciona según el valor que es la suma de las columnas usadas para representar el equipo de la barra compuesta dinámicamente. En los ejemplos anteriores, el valor usado para la ordenación es la suma de las columnas en línea, recuperar y sin conexión para esa fila en particular.

Visualizaciones de mosaico

Para crear un representador de barra compuesta para una visualización de iconos:

  1. Seleccione Agregar>Agregar consulta.
  2. Cambie el origen de datos a JSON. Escriba los datos del ejemplo anterior.
  3. Cambie Visualización a Tiles.
  4. Ejecutar la consulta.
  5. Seleccione Configuración de icono.
  6. En Campos de icono, seleccione Izquierda.
  7. En Configuración de campo, establezca lo siguiente:
    1. Usar columna: server
    2. Representador de columnas: Text
  8. En Campos de icono, seleccione Inferior.
  9. En Configuración de campo, establezca lo siguiente:
    1. Usar columna: total

    2. Representador de columnas: Composite Bar

    3. En Configuración de barra compuesta, establezca la siguiente configuración:

      Nombre de columna Color
      online (en línea) Verde
      recuperar Amarillo
      sin conexión Rojo (brillante)
    4. En Etiqueta, escriba ["online"] of ["total"] are healthy.

  10. Seleccione Aplicar.

Configuración de iconos de la barra compuesta:

Captura de pantalla que muestra la configuración de iconos de la barra compuesta con la configuración anterior.

La vista de barra compuesta para los iconos con la configuración anterior será similar a este ejemplo:

Captura de pantalla que muestra los iconos de la barra compuesta.

Visualizaciones de grafos

Para crear un representador de barra compuesta para una visualización de grafos (tipo Clústeres de Hive):

  1. Seleccione Agregar>Agregar consulta.
  2. Cambie Origen de datos a JSON. Escriba los datos del ejemplo anterior.
  3. Cambie Visualización a Graphs.
  4. Ejecutar la consulta.
  5. Seleccione Configuración del gráfico.
  6. En Configuración de formato del nodo, seleccione Contenido en el centro.
  7. En Configuración de campo, establezca lo siguiente:
    1. Usar columna: total

    2. Representador de columnas: Composite Bar

    3. En Configuración de barra compuesta, establezca la siguiente configuración:

      Nombre de columna Color
      online (en línea) Verde
      recuperar Amarillo
      sin conexión Rojo (brillante)
    4. En Etiqueta, escriba ["online"] of ["total"] are healthy.

  8. En Configuración de diseño, establezca lo siguiente:
    1. Tipo de grafo: Hive Clusters
    2. Id. de nodo: server
    3. Campo Agrupar por: None
    4. Tamaño del nodo: 100
    5. Margen entre hexágonos: 5
    6. Tipo de coloreado: None
  9. Seleccione Aplicar.

Configuración de la barra compuesta para grafos:

Captura de pantalla que muestra la configuración de grafos de la barra compuesta con la configuración anterior.

La vista de barra compuesta para un grafo con la configuración anterior será similar a este ejemplo:

Captura de pantalla que muestra los grafos de barra compuesta con clústeres de Hive.

Pasos siguientes

Introducción a Azure Workbooks