Resaltar visualmente los valores que cumplen con ciertas condiciones permite a los usuarios identificar rápidamente las tendencias de datos. Este patrón se suele denominar formato condicional.
Por ejemplo, esta visualización del ejemplo de Cómo colorear los valores máximos, mínimos y percentiles en esta página ayuda al usuario a identificar rápidamente los meses de ventas más bajos y más altos:
En Looker, puedes usar opciones integradas en la configuración de visualización de gráficos de texto y tabla para aplicar formato condicional a gráficos de texto y tabla. Para los gráficos cartesianos, puedes usar el Editor de configuración de gráficos para formatear los valores de datos de manera condicional.
En el Editor de configuración de gráficos, puedes usar el atributo series formatters
para aplicar el formato condicional a los valores que cumplan con criterios específicos. Estas son algunas de las reglas de formato condicional que puedes aplicar:
El valor es mayor, menor o igual que un valor especificado.
Por ejemplo, para aplicar el formato condicional a valores numéricos superiores a 100, usa
select: 'value > 100'
.El valor es el valor mínimo o máximo de la serie.
Por ejemplo, para aplicar el formato condicional al valor máximo, usa
select: 'max'
.El valor está dentro de una clasificación de percentil especificada.
Por ejemplo, para aplicar el formato condicional a los valores del percentil superior, usa
select: 'percent_rank >= 0.9'
.El valor del eje X coincide con un valor especificado.
Por ejemplo, para aplicar el formato condicional a las series en las que el valor del eje X es “Colombia”, usa
select: name = Columbia
.
En esta guía de soluciones, se proporcionan los siguientes instructivos:
- Cómo definir los valores máximos, mínimos y percentiles
- Cómo combinar condiciones de formato condicional
Colorea los valores máximos, mínimos y percentiles
Puedes usar los atributos select
y style
para especificar el color de los valores de datos máximos y mínimos de un gráfico cartesiano, así como cualquier valor que esté por debajo de un percentil especificado.
Componentes
- Explorar consulta
- Visualización cartesiana
- Editor de configuración del gráfico
Requisitos previos
Para crear una visualización cartesiana con formato condicional, se requiere lo siguiente:
- Permisos para crear exploraciones y estar familiarizado con Cómo explorar datos
- El permiso
can_override_vis_config
, que otorga acceso al Editor de configuración de gráficos - Permisos para guardar contenido (si quieres guardar la visualización como una vista o un panel)
- Conocimientos de JSON
Ejemplo: Visualización de columnas
Un equipo de ventas quiere poder identificar rápidamente las tendencias de ventas mensuales a lo largo de un año. Tiene una visualización que muestra el Costo total agrupado por Mes.
Puedes usar el formato condicional para destacar valores que cumplan ciertos objetivos, lo que ayuda a que los datos sean más claros para que los usuarios los entiendan.
Para este ejemplo, el equipo de Ventas desea destacar los siguientes valores:
- La columna con el valor mínimo de Costo total se mostrará de color rojo.
- La columna con el valor máximo de Costo total (Total Cost) se mostrará de color verde.
- Todas las columnas del percentil trigésimo inferior Costo total se muestran de color naranja.
- Todas las demás columnas aparecerán en gris.
Para aplicar este formato condicional a un gráfico cartesiano, sigue estos pasos:
- Consulta una visualización cartesiana en una exploración o edita una visualización cartesiana en una vista o un panel.
- Abre el menú Editar en la visualización.
- Haz clic en el botón Editar configuración del gráfico en la pestaña Plot. Looker muestra el diálogo Editar configuración del gráfico.
Selecciona la sección Chart Config (Override) y, luego, ingresa el siguiente JSON:
{ series: [{ color: 'gray', formatters: [{ select: 'max', style: { color: 'green', } }, { select: 'percent_rank <= 0.3', style: { color: 'orange' } }, { select: 'min', style: { color: 'red' } }, ] }] }
Para aplicar los cambios, haz clic en Aplicar.
Ahora, el equipo de Ventas puede ver rápidamente qué meses tuvieron un rendimiento bajo y puede investigarlos para determinar qué sucedió.
Una vez que hayas personalizado la visualización, puedes guardarla. Si viste la visualización en una exploración, guárdala. Si editaste una vista o un panel, haz clic en Guardar.
Ejemplo: Visualización de diagrama de dispersión
Para aplicar el formato condicional a las visualizaciones de diagrama de dispersión, puedes especificar un color para los atributos style.marker.fillColor
y style.marker.lineColor
en lugar del atributo style.color
.
El atributo lineColor
establece el color del contorno de cada punto en el diagrama de dispersión. El atributo fillColor
establece el color interno de cada punto en el diagrama de dispersión.
Puedes modificar el ejemplo anterior siguiendo estos pasos:
- Visualiza una visualización de diagrama de dispersión en una exploración o edita una en una vista o un panel.
- Abre el menú Editar en la visualización.
- Haz clic en el botón Editar configuración del gráfico en la pestaña Plot. Looker muestra el diálogo Editar configuración del gráfico.
Selecciona la sección Chart Config (Override) y, luego, ingresa el siguiente JSON:
{ series: [{ color: 'gray', formatters: [{ select: 'max', style: { marker: { fillColor: 'green', lineColor: 'green' } } }, { select: 'percent_rank <= 0.3', style: { marker: { fillColor: 'orange', lineColor: 'orange' } } }, { select: 'min', style: { marker: { fillColor: 'red', lineColor: 'red' } } } ] }] }
Haz clic en Aplicar para aplicar los cambios.
En la visualización resultante, el valor mínimo, el valor máximo y los valores en el 30% inferior se colorean de acuerdo con las reglas de formato.
Una vez que hayas personalizado la visualización, puedes guardarla. Si viste la visualización en una exploración, guárdala. Si editaste una vista o un panel, haz clic en Guardar.
Cómo combinar condiciones de formato condicional
Puedes usar AND
y OR
en el atributo select
para combinar expresiones lógicas en reglas de formato condicional.
Componentes
- Explorar consulta
- Visualización cartesiana
- Editor de configuración del gráfico
Requisitos previos
Para crear una visualización cartesiana con formato condicional, se requiere lo siguiente:
- Permisos para crear exploraciones y estar familiarizado con Cómo explorar datos
- El permiso
can_override_vis_config
, que otorga acceso al Editor de configuración de gráficos - Permisos para guardar contenido (si quieres guardar la visualización como una vista o un panel)
- Conocimientos de JSON
Ejemplo
Un equipo de ventas quiere poder identificar rápidamente qué meses cumplen con ciertos criterios. Tiene una visualización que muestra el Costo total agrupado por Mes.
Puedes usar el formato condicional para destacar valores que cumplan ciertos objetivos, lo que ayuda a que los datos sean más claros para que los usuarios los entiendan.
Para este ejemplo, el equipo de Ventas desea destacar los siguientes valores:
- Todas las columnas con valores de Costo total entre USD 43,000 y USD 45,000 (inclusive) aparecerán púrpura.
- Todas las demás columnas aparecerán en gris.
Para aplicar este formato condicional a un gráfico cartesiano, sigue estos pasos:
- Consulta una visualización cartesiana en una exploración o edita una visualización cartesiana en una vista o un panel.
- Abre el menú Editar en la visualización.
- Haz clic en el botón Editar configuración del gráfico en la pestaña Plot. Looker muestra el diálogo Editar configuración del gráfico.
Selecciona la sección Chart Config (Override) y, luego, ingresa el siguiente JSON:
{ series: [{ color: 'gray', formatters: [{ select: 'value >= 43000 AND value <= 45000', style: { color: 'purple', } }, ] }] }
Para aplicar los cambios, haz clic en Aplicar.
Ahora, el equipo de Ventas puede ver rápidamente que los ingresos de marzo, abril y septiembre están entre USD 43,000 y USD 45,000, y tomar medidas adicionales para averiguar qué sucedió en esos meses.
Una vez que hayas personalizado la visualización, puedes guardarla. Si viste la visualización en una exploración, guárdala. Si editaste una vista o un panel, haz clic en Guardar.