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

Los gráficos de KPI (valor único) destacan las métricas de rendimiento clave, como los ingresos totales, los usuarios activos o los porcentajes de conversiones, para proporcionar estadísticas inmediatas y de un vistazo sobre el rendimiento de la empresa. Al combinar una métrica principal destacada con elementos contextuales, como minigráficos, barras de progreso y comparaciones de valores, los gráficos de KPI te ayudan a identificar tendencias rápidamente, evaluar el progreso hacia los objetivos y crear paneles y exploraciones fáciles de leer. En esta página, se proporciona una descripción general para usar y personalizar gráficos de KPI (valor único) en Looker.

Una visualización de KPI con una barra de progreso y un minigráfico que compara el recuento de compras por primera vez con el recuento general de pedidos.

Información importante

Cuando aparecen varias visualizaciones de valor único en un panel, cada una 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 un mosaico. 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 del gráfico de KPI (valor único)

Para usar una visualización de KPI (valor único), selecciona la opción KPI (valor único) en el menú Seleccionar gráfico o Cambiar gráfico de Explorar. Luego, selecciona la pestaña Estilo en el panel Configurar para editar el gráfico.

Puedes realizar selecciones en los menús Estilo, Comparación y Formato para personalizar el aspecto de la visualización de KPI (valor único).

Opciones del menú de estilo

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. El administrador de Looker también puede crear una colección de colores personalizada para tu organización.

Valor principal

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

  • Serie principal: Elige una medición de la exploración para establecerla como serie principal. El valor de la medición será el valor con el que se comparará cuando se active 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 1st, 2nd, Last y Total (cuando se habilitan los Totales). 1st está seleccionada de forma predeterminada.
  • Alineación: Elige una opción de alineación para los valores de la visualización. Las opciones son Izquierda, Centro y Derecha. Este parámetro de configuración se aplica a todos los valores de la visualizació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 Palettes del menú del selector de color y, luego, usa las flechas hacia la izquierda y la derecha para desplazarte por las paletas disponibles. Para seleccionar un color, haz clic en uno de los colores 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 valor 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 entre los resultados buenos o 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 para el valor de un campo en particular 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.

Formato de valor

Puedes especificar el formato del valor, independientemente de la dimensión o medición subyacente. El campo acepta el formato al estilo de Excel. Si no se especifica ningún formato, el valor se muestra en el formato de la dimensión o métrica subyacente.

La guía completa de MS Excel detalla cómo especificar estos formatos en su documentación. Sin embargo, actualmente no se admite el formato de color en Looker.

En la página de documentación Agrega formato personalizado a los campos numéricos, se proporciona más información para usar el formato personalizado.

Valor de cambio de tamaño automático

Si habilitas la opción Cambiar el tamaño del valor automáticamente, se cambiará automáticamente el tamaño de la fuente en la visualización de valor único que se muestra en las tarjetas del panel. Se cambia el tamaño de las fuentes para mostrar al menos entre 8 y 10 caracteres de valor dentro de un mosaico. Si los caracteres de la visualización se desbordan de forma horizontal o vertical en un tamaño determinado, el tamaño de la fuente disminuirá de forma incremental. El tamaño mínimo de fuente permitido es de 14 píxeles. Una vez que se alcance el tamaño de fuente mínimo, los caracteres que se desborden se truncarán con puntos suspensivos (...). El tamaño de fuente máximo permitido es de 104 píxeles.

Cuando uses esta función, es posible que las tarjetas de valor único de 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 Tamaño de texto inteligente de valor único está habilitado en la página Administrador > Configuración general. Para usar este control por visualización, se debe inhabilitar el parámetro de configuración a nivel de administrador.

Mostrar título

Puedes determinar si aparece un título en el gráfico. En el caso de un diseño guardado, el título predeterminado es el nombre del diseño. También puedes especificar un título diferente con el campo Anulación de 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 una vista guardada, si este campo se deja vacío, el título se establece de forma predeterminada en el nombre de la vista guardada.

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 este parámetro de configuración está activado, puedes personalizar la visualización secundaria con los siguientes parámetros de configuración:

  • Tipo de gráfico: Elige el gráfico de área o el de columnas como la 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.
  • Mostrar cuadro de información del minigráfico: Activa este parámetro de configuración para que aparezcan cuadros de información cuando los usuarios coloquen el cursor sobre un dato del minigráfico.

Cuadro de información personalizado

Puedes hacer clic en el interruptor Cuadro de información personalizado para configurar un cuadro de información personalizado para el valor principal. Puedes configurar la información sobre la herramienta personalizada en el editor de visualización de Explorar con una combinación de parámetros de configuración de la IU y un editor de HTML que admita plantillas de Liquid. Obtén más información sobre las descripciones emergentes personalizadas.

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, incluidas las siguientes opciones:

  • Serie de comparación: Elige una medición de la exploración para establecerla como una serie de comparación. El valor de la medición seleccionada será el 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 1st, 2nd, Last y Total (cuando se habilitan los Totales). 1st está seleccionada de forma predeterminada.
  • Etiquetas de valor: 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, un número negativo aparece en rojo con un triángulo rojo, y un número positivo aparece en verde con un triángulo verde. Estos colores se pueden cambiar 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, un 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. Estos colores se pueden cambiar 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 que se etiqueta con el porcentaje y el valor del campo de comparación, como "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 "83% del objetivo mensual de USD 347,800".
  • Ancho de la barra de progreso: Puedes especificar el ancho de la barra de progreso en el gráfico. Las opciones incluyen Ancho completo o Compacto.
  • Color de la barra de progreso: Puedes personalizar el color de la barra de progreso con los siguientes parámetros de configuración:
    • Para elegir un color de una paleta, haz clic en la pestaña Palettes del menú del selector de color y, luego, usa las flechas hacia la izquierda y la derecha para desplazarte por las paletas disponibles. Para seleccionar un color, haz clic en uno de los colores 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 valor 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.
  • 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.

Formato de valor

Puedes especificar el formato del valor, independientemente de la dimensión o medición subyacente. El campo acepta el formato al estilo de Excel. Si no se especifica ningún formato, el valor se muestra en el formato de la dimensión o métrica subyacente.

La guía completa de MS Excel detalla cómo especificar estos formatos en su documentación. Sin embargo, actualmente no se admite el formato de color en Looker.

En la página de documentación Agrega formato personalizado a los campos numéricos, se proporciona más información para usar el formato personalizado.

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. El administrador de Looker también puede crear 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 los valores nulos como cero ayuda a eliminar los errores matemáticos en los cálculos, evita las brechas en tus visualizaciones y garantiza una agregación de métricas precisa.

Varias reglas

Puedes tener varias reglas para el 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 prioridad 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
  • menos que
  • no está entre
  • no igual a
  • not null
  • 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 Palettes del menú del selector de color y, luego, usa las flechas hacia la izquierda y la derecha para desplazarte por las paletas disponibles. Para seleccionar un color, haz clic en uno de los colores 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 valor 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: