Gráficos de KPI (valor único)

Cuando se habilita la función de vista previa de Visualización de KPI, puedes visualizar los datos de los KPI con la opción de gráfico KPI (valor único) en Looker. La opción de gráfico KPI (valor único) reemplaza la opción de gráfico Valor único en Explorar.

Visualización de un KPI con una barra de progreso y un minigráfico.

La función de vista previa Visualización de KPI proporciona a los usuarios las siguientes capacidades:

  • Agregar visualizaciones secundarias: Los usuarios pueden agregar un gráfico de líneas o un gráfico de barras dentro de una visualización para mostrar tendencias o distribuciones relacionadas con el KPI principal.
  • Mostrar comparaciones mejoradas: Los usuarios pueden especificar y comparar un valor principal con cualquier otra métrica en una consulta de Explorar, utilizando datos de la primera, segunda y última fila, o de la fila de totales.
  • Accede a opciones de diseño mejoradas: Los usuarios tienen más control sobre la apariencia de la visualización, incluido el color de fondo del mosaico y la alineación de los valores.

En esta página, se proporciona orientación para habilitar y usar la función de vista previa Visualización de KPI en tu instancia de Looker (original) o Looker (Google Cloud Core). Esta página incluye las siguientes secciones:

Requisitos de usuarios y de instancias

Para habilitar y usar la función de vista previa KPI Visualization, se deben cumplir los siguientes requisitos:

Cómo habilitar la visualización del KPI

La función de versión preliminar de Visualización de KPI está inhabilitada de forma predeterminada.

Los administradores pueden habilitar la función de versión preliminar de Visualización de KPI siguiendo estos pasos:

  1. En Looker, haz clic en la opción Administrador en el menú de navegación principal.
  2. Haz clic en la opción Vista previa en la sección General para abrir la página Funciones en versión preliminar.
  3. Haz clic en el botón de activación Visualización del KPI para habilitar la función de vista previa.

Información importante

Cuando aparecen varias visualizaciones de valor único en un panel, cada una de ellas usa de forma predeterminada el mismo tamaño de fuente para lograr una apariencia coherente. Sin embargo, las visualizaciones de valor único cambian automáticamente el tamaño de las fuentes cuando se reduce el tamaño de una tarjeta. Si la fuente de una visualización no puede mostrar el valor completo en el espacio disponible, el valor se trunca con puntos suspensivos (...).

Si la función Tamaño de texto inteligente de valor único está habilitada, las fuentes que se muestran en las visualizaciones de valor único en las tarjetas del panel cambian de tamaño automáticamente para mostrar al menos entre 8 y 10 caracteres de valor dentro de la tarjeta en cualquier tamaño determinado.

Opciones de gráfico de KPI (valor único)

Para editar el gráfico de KPI (un solo valor), haz clic en Editar en el panel Visualización de Explorar.

Una vez que estén en el modo de edición, los usuarios pueden realizar selecciones en los menús Diseño, Comparación y Formato para personalizar la apariencia de la visualización del KPI (valor único).

Opciones del menú de diseño

El menú Estilo incluye las siguientes opciones.

Colección de colores

Elige una colección de colores en el menú Colección de colores. Una colección te permite crear visualizaciones y paneles temáticos que se ven bien juntos. Puedes ver todas las paletas de cada una de las colecciones de colores integradas de Looker en la página de documentación Colecciones de colores. Es posible que el administrador de Looker también cree una colección de colores personalizada para tu organización.

Color del valor

Para establecer el color del valor del gráfico, haz clic en la muestra de color de la sección Color del valor para abrir el menú del selector de color.

  • Para elegir un color de una paleta, haz clic en la pestaña Paletas del menú del selector de color y, luego, usa las flechas hacia la izquierda y hacia la derecha para desplazarte por las paletas disponibles. Para seleccionar un color, haz clic en uno de las paletas.
  • Para seleccionar un color personalizado, haz clic en la pestaña Personalizado del selector de paleta y, luego, usa el gradiente de color y el control deslizante de valores para elegir un color personalizado, o bien ingresa una cadena hexadecimal RGB, como #2ca6cd, o un nombre de color CSS, como mediumblue, en el campo de entrada.

Looker usará el color seleccionado para las visualizaciones de un solo valor con y sin hipervínculos.

Según tus necesidades, considera usar las siguientes técnicas alternativas:

  • Cambia el color de la fuente para diferenciar los resultados buenos de los malos: Activa el parámetro de configuración Mostrar comparación en el menú Comparación y elige la opción Mostrar como cambio.
  • Cambia el color de la fuente del valor de un campo específico en todas partes, incluido el panel Datos de Explorar: Un desarrollador de LookML puede agregar un parámetro html a la definición del campo.

Valor de cambio de tamaño automático

Si habilitas la opción Ajustar automáticamente el tamaño del valor, se ajustará automáticamente el tamaño de la fuente en la visualización de valor único que se muestra en los mosaicos del panel. El tamaño de las fuentes se ajusta para mostrar al menos entre 8 y 10 caracteres de valor dentro de una tarjeta. Si los caracteres de la visualización se desbordan horizontal o verticalmente con un tamaño determinado, el tamaño de la fuente disminuirá de forma incremental. El tamaño de fuente mínimo permitido es de 14 píxeles. Una vez que se alcanza el tamaño de fuente mínimo, los caracteres que desborden el espacio se truncarán con puntos suspensivos (...). El tamaño de fuente máximo permitido es de 104 píxeles.

Cuando usas esta función, es posible que las tarjetas de un solo valor en los paneles se vean menos coherentes, pero cabrán más caracteres en las tarjetas más pequeñas.

Este parámetro de configuración no tiene efecto si el parámetro de configuración Smart Single Value Text Size está habilitado en la página Admin > General Settings. Para usar este control por visualización, se debe inhabilitar el parámetro de configuración a nivel del administrador.

Mostrar título

Puedes determinar si un título aparece debajo del número. En el caso de un Look guardado, el título predeterminado es el nombre del Look. También puedes especificar un título diferente con el campo Título.

Anulación del título

Puedes especificar un título para que se muestre con el valor. Este campo está disponible cuando la opción Mostrar título está activada. En el caso de un Look guardado, si este campo se deja vacío, el título se establece de forma predeterminada como el nombre del Look guardado.

Mostrar minigráfico

Activa el parámetro de configuración Mostrar gráfico de líneas para mostrar una visualización secundaria que muestre el cambio del valor de los datos. Cuando se activa este parámetro de configuración, puedes personalizar la visualización secundaria con los siguientes parámetros:

  • Tipo de gráfico: Elige un gráfico de Área o de Columnas como visualización secundaria.
  • Color del gráfico: Elige un color para la visualización secundaria, de manera similar al parámetro de configuración Color del valor.
  • Eje X visible: Activa este parámetro de configuración para mostrar los valores del eje X en el gráfico secundario.

Valor principal

La configuración de esta sección te permite elegir el valor principal para la visualización del KPI (valor único), incluidos los siguientes:

  • Serie principal: Elige una métrica de la exploración para establecerla como serie principal. El valor de la medida será el valor con el que se compara cuando se activa el parámetro de configuración Mostrar comparación en el menú Comparación.
  • Fila principal: Especifica el valor de una fila de la Serie principal que se mostrará. Las opciones incluyen 1ª, 2ª, Última y Total (cuando los Totales están habilitados). 1st está seleccionado de forma predeterminada.
  • Alineación: Elige una opción de alineación para los valores de la visualización. Las opciones incluyen Izquierda, Centro y Derecha. Este parámetro de configuración se aplica a todos los valores de la visualización.

Opciones del menú de comparación

El menú Comparación incluye las siguientes opciones.

Mostrar comparación

Puedes activar el parámetro de configuración Mostrar comparación para agregar información de comparación de un segundo campo a tu visualización de KPI (valor único). Cuando el parámetro de configuración Mostrar comparación está habilitado, puedes usar las opciones de estilo que aparecen en el menú Comparación.

Serie de comparación

La serie de comparación aparece debajo de la serie principal en la visualización. La configuración de esta sección te permite elegir el valor secundario para la comparación, incluidos los siguientes:

  • Serie de comparación: Elige una medida de Explorar para establecerla como serie de comparación. El valor de la medida seleccionada será el valor que se comparará con el valor principal.
  • Fila de comparación: Especifica el valor de una fila de la Serie de comparación que se mostrará. Las opciones incluyen 1ª, 2ª, Última y Total (cuando los Totales están habilitados). 1st está seleccionado de forma predeterminada.
  • Etiquetas de valores: Puedes especificar cómo se usa la serie de comparación en la visualización. Las opciones incluyen las siguientes:
    • Mostrar como valor: Se muestra el valor de la serie de comparación.
    • Mostrar como cambio: Se muestra el valor de la comparación, con formato condicional para indicar el tipo de cambio en comparación con la serie principal. Si el cambio en el valor es negativo, un triángulo apunta hacia abajo. Si el cambio en el valor es positivo, el triángulo apunta hacia arriba. De forma predeterminada, los números negativos aparecen en rojo con un triángulo rojo, y los números positivos aparecen en verde con un triángulo verde. Puedes cambiar estos colores activando el parámetro de configuración Los valores positivos son incorrectos.
    • Mostrar como cambio porcentual: El valor de la serie de comparación se muestra con el cambio porcentual en comparación con la serie principal, con un formato condicional que indica el tipo de cambio. Si el cambio porcentual en el valor es negativo, el triángulo apunta hacia abajo. Si el cambio porcentual en el valor es positivo, el triángulo apunta hacia arriba. De forma predeterminada, un porcentaje negativo aparece en rojo con un triángulo rojo, y un porcentaje positivo aparece en verde con un triángulo verde. Puedes cambiar estos colores activando el parámetro de configuración Los valores positivos son incorrectos.
    • Calcular progreso: El valor del campo principal se divide por el valor del campo de comparación, y el porcentaje aparece como una barra de progreso.
    • Calcular progreso (con porcentaje): El valor del campo principal se divide por el valor del campo de comparación. El porcentaje aparece como una barra de progreso etiquetada con el porcentaje y el valor del campo de comparación, como "El 83% de USD 347,800". Si el parámetro de configuración Mostrar etiqueta está activado, la barra de progreso también muestra la etiqueta del campo de comparación, como “El 83% del objetivo mensual de USD 347,800”.
  • Mostrar etiqueta: Activa este parámetro de configuración para mostrar una etiqueta para el campo de comparación. De forma predeterminada, la etiqueta es el nombre del campo de comparación. Si quieres mostrar una etiqueta diferente, ingresa una nueva en el campo Etiqueta.

Opciones del menú de formato

Activa Habilitar formato condicional para definir reglas que codifiquen por color tu visualización especificando los valores que te interesan.

Colección de colores

Una colección te permite crear visualizaciones y paneles temáticos que se ven bien juntos. Todas las colecciones de colores integradas de Looker aparecen en la página de documentación Colecciones de colores. Es posible que el administrador de Looker también cree una colección de colores personalizada para tu organización.

Puedes elegir una colección de colores en el menú Colección de colores. Las paletas que aparecen para las muestras de color en cada regla provienen de esa colección.

Incluir los valores nulos como cero

Activa el parámetro de configuración Incluir los valores nulos como cero para que Looker trate los valores nulos como cero. Incluir valores nulos como cero ayuda a eliminar errores matemáticos en los cálculos, evita brechas en tus visualizaciones y garantiza una agregación precisa de las métricas.

Varias reglas

Puedes tener varias reglas de formato condicional. Para agregar una regla, sigue estos pasos:

  1. Para agregar una regla, haz clic en Agregar regla.
  2. Si tienes más de una regla, las que se encuentran más arriba en la lista tienen prioridad sobre las que se encuentran más abajo. Para cambiar la precedencia de una regla, haz clic en el controlador de arrastre de la regla y arrástrala hacia arriba o hacia abajo en la lista.
  3. Para borrar una regla, haz clic en Borrar regla.

Formato

Para cada regla, usa las opciones del menú Formato para seleccionar una de las siguientes opciones de regla:

  • entre
  • igual a
  • Mayor que
  • Menor que
  • No está entre
  • no es igual a
  • no nulo
  • null

Luego, ingresa los valores de comparación en los campos de texto que aparecen, según tu selección. Cuando ingreses valores en la regla, no uses separadores de miles.

Estilos

Haz clic en las muestras de color junto a Color de fondo o Color de fuente para abrir el menú del selector de color, que te permite elegir o personalizar un color:

  • Para elegir un color de una paleta, haz clic en la pestaña Paletas del menú del selector de color y, luego, usa las flechas hacia la izquierda y hacia la derecha para desplazarte por las paletas disponibles. Para seleccionar un color, haz clic en uno de las paletas.
  • Para seleccionar un color personalizado, haz clic en la pestaña Personalizado del selector de paleta y, luego, usa el gradiente de color y el control deslizante de valores para elegir un color personalizado, o bien ingresa una cadena hexadecimal RGB, como #2ca6cd, o un nombre de color CSS, como mediumblue, en el campo de entrada.

Ahora que sabes cómo crear una visualización de KPI (valor único) en Looker, es posible que quieras aprender a hacer lo siguiente: