Los gráficos de cascada te ayudan a visualizar cómo una secuencia de valores positivos y negativos suma un total. Estos gráficos se utilizan a menudo para datos financieros, para mostrar cómo las distintas ganancias y pérdidas conforman un total. Los gráficos de cascada también se pueden utilizar de manera más general para ilustrar cómo las diferentes categorías contribuyen a un total, especialmente si los datos contienen valores positivos y negativos.
Cómo crear un gráfico de cascada
Para elegir un gráfico de cascada, haz clic en los puntos suspensivos (...) en la barra de visualización y selecciona Waterfall.
Si se ignoran los campos que se ocultan de la visualización, las visualizaciones en cascada requieren una de las siguientes opciones de la sección Datos:
- Una dimensión y una medición
- No hay dimensiones y una o más mediciones
- Una dimensión, una medición y una o más tablas dinámicas
Otras configuraciones impiden que se renderice una visualización de cascada.
Un gráfico de cascada calcula automáticamente un total en función de los valores de tus datos y agrega una columna Total al gráfico. Los totales de la tabla de datos no son necesarios.
Después de crear tu gráfico, puedes usar el menú de opciones de visualización. En la esquina superior derecha de la pestaña de visualización, haz clic en Editar para editar tu gráfico.
Opciones del menú de series
Configuración de color
Puedes definir la paleta de colores de un gráfico en la sección Configuración de color.
Colección
Una colección te permite crear visualizaciones y paneles temáticos que se ven bien juntos. Todas las colecciones de colores integradas de Looker (Google Cloud Core) aparecen en la página de documentación de Colecciones de colores. El administrador de Looker (Google Cloud Core) también puede crear una colección de colores personalizada para tu organización.
Puedes elegir una colección de colores en el menú desplegable Colección. La sección Palette se actualizará con una paleta de la colección de colores que elegiste.
Paleta
Una vez que hayas seleccionado una colección de colores, puedes elegir una paleta diferente de la colección o personalizar la paleta haciendo clic en ella. Se abrirá el selector de paletas, y se mostrarán todas las paletas de la colección.
Para una paleta categórica, los primeros tres colores de la paleta se aplican a Color hacia arriba, Color hacia abajo y Color total. Si tu paleta contiene menos de tres colores, primero se utilizará una versión más clara y, luego, una más oscura. Para una paleta secuencial o divergente, el color del extremo izquierdo de la paleta se aplica al Color hacia arriba y los colores para el Color hacia abajo y el Color Total se mueven hacia la derecha en la paleta.
Creación de una paleta de colores personalizada
Para crear una paleta de colores personalizada, selecciona la pestaña Personalizado en el selector de paleta. Puedes editar la paleta de varias maneras:
- Haz clic en uno de los colores presentes para editarlo.
- Haz clic en los botones + o - que se encuentran debajo de la paleta de colores para agregar un color al final o quitar uno seleccionado.
- Haz clic en EDITAR TODO en la parte inferior derecha del menú para usar una lista de valores de color separados por comas.
Para cambiar un color seleccionado o editar todos los colores a la vez, puedes ingresar cadenas hexadecimales (como #2ca6cd) o nombres de colores CSS (como mediumblue) en el cuadro de valor de color ubicado en la parte inferior del selector.
Para abrir un selector de color que te permita seleccionar un color, haz clic en la rueda de colores a la derecha del cuadro de valor de color. El valor hexadecimal correspondiente a ese color aparece en el cuadro de valor de color.
Si haces clic en EDITAR TODO, el cuadro de valor de color se propagará con los códigos hexadecimales de la paleta de colores que elegiste o personalizaste. Copiar y pegar esta lista es la mejor manera de copiar paletas de colores personalizadas de un gráfico a otro.
Invertir colores
Selecciona Invertir colores para invertir la paleta. Para una paleta categórica, esto aplica los últimos tres colores de la paleta a Color hacia arriba, Color hacia abajo y Color total. Para una paleta secuencial o divergente, esta opción aplica el color del extremo derecho de la paleta al Color hacia arriba y se mueve hacia la izquierda para el Color hacia abajo y el Color total.
Color hacia arriba, color hacia abajo y color total
Puedes configurar el color de las barras del gráfico según si los datos subyacentes son positivos o negativos. Haz clic en una muestra de colores para revelar el selector de paleta y selecciona un nuevo color de una paleta existente o elige un color personalizado.
- Color ascendente: Determina el color de los valores positivos del gráfico.
- La opción Color hacia abajo determina el color de los valores negativos del gráfico.
- Color total: Determina el color de la barra Total del gráfico.
Editar la configuración del gráfico
El botón Editar configuración del gráfico en la parte inferior del menú de visualización abre el Editor de configuración de gráficos. Este editor te permite modificar las visualizaciones de HighCharts mediante la exposición de ciertos parámetros JSON de la visualización, lo que permite una personalización profunda. Estas personalizaciones no interactuarán de forma dinámica con los datos.
El botón Editar la configuración del gráfico está disponible si tienes el rol de administrador de Looker o el permiso can_override_vis_config.
Consulta la sección Ejemplos del artículo sobre el Editor de configuración de gráficos para ver ejemplos de algunos casos de uso comunes, incluidos los siguientes:
- Cambiar el color del fondo y el color del texto del eje
- Formato condicional de valores dentro de una serie
- Cómo personalizar el color de la información sobre la herramienta
- Cómo agregar bandas de referencia verticales y leyendas
- Cómo agregar anotaciones en los gráficos
Opciones del menú Valores
Etiquetas de valor
Puedes activar o desactivar la apariencia de las etiquetas de valor para cada dato de un gráfico.
Colores del valor
Puedes definir los colores de las etiquetas de valor. Este campo toma un valor de color con el formato de una cadena hexadecimal RGB (como #2ca6cd) o un nombre de color de CSS (como mediumblue).
Si no se proporciona un valor de color, Looker (Google Cloud Core) asigna el primer color de la paleta a las etiquetas de valor.
Opciones del menú X
Tipo de escala
Puedes especificar cómo se calcula y muestra la escala del eje X:
Automática según los datos: La escala se infiere de los datos subyacentes. Esta es la configuración predeterminada.
Ordinal: Los datos se trazan a lo largo del eje x como entradas discretas y espaciadas uniformemente, independientemente de la distancia relativa entre los datos.
Tiempo: los datos se trazan como valores de tiempo. El eje X está etiquetado con los incrementos de tiempo adecuados.
Mostrar nombre del eje
Puedes activar o desactivar la apariencia de la etiqueta de nombre del eje X.
Etiquetas de valor del eje
Axis Value Labels (Etiquetas de valor del eje) activa o desactiva la apariencia de las etiquetas de valor en el eje x.
Permitir zoom
Esta opción solo está disponible para los gráficos cartesianos (gráficos de columnas, de barras, de dispersión, de líneas, de área, de cascada o de caja).
Esta opción se habilita de forma predeterminada. Cuando está habilitada, puedes hacer zoom en una visualización en un panel, una vista o una exploración.
Consulta la página de documentación Visualización de paneles o Cómo visualizar vistas para obtener información sobre cómo usar la función de zoom.
Cuando esta opción está inhabilitada, la opción Permitir zoom en el menú Y queda oculta y no puedes hacer zoom en la visualización.
Opciones del menú Y
Mostrar nombres de eje
Puedes activar o desactivar la apariencia de las etiquetas de nombres del eje Y.
Etiquetas de valor del eje
Puedes activar o desactivar la apariencia de las etiquetas de valores en el eje Y.
Líneas de cuadrícula
Puedes activar o desactivar la apariencia de las líneas de cuadrícula que se extienden desde el eje Y. Las líneas de cuadrícula se separan según el escalamiento del eje Y.
Permitir zoom
Esta opción solo está disponible para los gráficos cartesianos (gráficos de columnas, de barras, de dispersión, de líneas, de área, de cascada o de caja).
Esta opción solo está disponible cuando la opción Permitir zoom del menú X está habilitada. Esta opción se habilita de forma predeterminada. Cuando está habilitada, puedes hacer zoom en una visualización en un panel, una vista o una exploración.
Consulta la página de documentación Visualización de paneles o Cómo visualizar vistas para obtener información sobre cómo usar la función de zoom.
Si esta opción está inhabilitada, pero la opción Permitir zoom del menú X está habilitada, no podrás acercar la imagen del eje Y, sino que solo podrás acercarte a una vista más estrecha del eje X.