Los gráficos de cascada ayudan a visualizar cómo una secuencia de valores positivos y negativos suma un total. Estos gráficos a menudo se usan para datos financieros, que muestran cómo las ganancias y pérdidas conforman un total. Los gráficos de cascada también se pueden usar de forma 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 ignoras los campos que están ocultos de la visualización, las visualizaciones en cascada requieren una de las siguientes opciones en la sección Datos:
- Una dimensión y una medida
- Sin dimensiones y una o más mediciones
- Una dimensión, una medición y una o más tablas dinámicas
Otros parámetros de configuración impiden la renderización de una visualización en cascada.
Un gráfico de cascada calcula automáticamente un total en función de tus valores de datos y le agrega la columna Total. Los totales en la tabla de datos no son necesarios.
Después de crear el gráfico, puedes usar el menú de opciones de visualización. Haz clic en Editar en la esquina superior derecha de la pestaña de visualización 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 Color Configuration.
Colección
Una colección te permite crear visualizaciones y paneles temáticos que se vean bien juntos. Todas las colecciones de colores integradas de Looker (Google Cloud Core) aparecen en la página de documentación de Colecciones de color. Tu 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 Paleta se actualizará con una paleta de la colección de colores que hayas elegido.
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. Esto abre el selector de paletas y muestra todas las paletas de la colección.
Para una paleta categórica, los primeros tres colores de la paleta se aplican a Up Color, Down Color y Total Color. Si tu paleta contiene menos de tres colores, primero se utilizará una versión más clara y, luego, una más oscura. En el caso de una paleta secuencial o divergente, el color en el extremo izquierdo se aplica a Up Color, y los colores de Down Color y Total Color se moverán a la derecha de la paleta.
Cómo crear una paleta de colores personalizada
Para crear una paleta de colores personalizada, selecciona la pestaña Personalizada en el selector de paletas. Puede editar la paleta de varias maneras:
- Haz clic en uno de los colores presentes para editarlo.
- Haz clic en los botones + o - debajo de la paleta de colores para agregar un color al final de la paleta o quitar un color seleccionado.
- Haz clic en EDIT ALL 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 para seleccionar un color, haz clic en la rueda de color que se encuentra a la derecha del cuadro de valores de color. El valor hexadecimal correspondiente para 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 hayas elegido o personalizado. Copiar y pegar esta lista es la mejor manera de copiar paletas de colores personalizadas de un gráfico a otro.
Invertir colores
Selecciona Revertir colores para invertir la paleta. Para una paleta categórica, se aplican los últimos tres colores de la paleta a Up Color, Down Color y Total Color. En el caso de una paleta secuencial o divergente, se aplica el color en el extremo derecho de la paleta a Up Color y se mueve hacia la izquierda para las opciones Down Color y Total Color.
Arriba de color, Down color y Color total
Puedes configurar el color de las barras del gráfico en función de si los datos subyacentes son positivos o negativos. Haz clic en una muestra de colores para que aparezca el selector de paleta y selecciona un color nuevo de una paleta existente o elige un color personalizado.
- Up Color: Determina el color de los valores positivos del gráfico.
- Down Color: 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 visualizaciones de HighCharts al exponer 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 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 del Editor de configuración de gráficos para ver ejemplos de algunos casos de uso comunes, incluidos los siguientes:
- Cambiar el color de fondo y el color del texto de los ejes
- Formato condicional de los valores de una serie
- Personalización del color del cuadro de información
- Agregar bandas verticales de referencia y subtítulos
- Agrega anotaciones de 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 valores. Este campo toma un valor de color con formato de cadena hexadecimal RGB (por ejemplo, #2ca6cd) o como un nombre de color de CSS (por ejemplo, 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 en función de 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, sin importar 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 el aspecto de la etiqueta de nombre del eje x.
Etiquetas de valor del eje
Etiquetas de valor del eje activa o desactiva la aparición de etiquetas de valor en el eje x.
Permitir zoom
Esta opción solo está disponible para los gráficos cartesianos (gráficos de columnas, barras, diagrama de dispersión, líneas, áreas, cascada o diagramas de caja).
Esta opción está habilitada de forma predeterminada. Cuando está habilitada, puedes hacer zoom en una visualización en un panel, en una Vista o en una Exploración.
Consulta las páginas de documentación Visualiza paneles o Visualiza las vistas para obtener información para usar la función de zoom.
Cuando esta opción está inhabilitada, la opción Permitir zoom del 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 nombre del eje Y.
Etiquetas de valor del eje
Puedes activar o desactivar la apariencia de las etiquetas de valor 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 la escala del eje Y.
Permitir zoom
Esta opción solo está disponible para los gráficos cartesianos (gráficos de columnas, barras, diagrama de dispersión, líneas, áreas, cascada o diagramas de caja).
Esta opción solo se encuentra disponible cuando se habilita la opción Permitir zoom del menú X. Esta opción está habilitada de forma predeterminada. Cuando está habilitada, puedes hacer zoom en una visualización en un panel, en una Vista o en una Exploración.
Consulta las páginas de documentación Visualiza paneles o Visualiza las vistas para obtener información para usar la función de zoom.
Si esta opción está deshabilitada pero la opción Permitir zoom en el menú X está habilitada, no podrás hacer zoom en una vista más estrecha del eje Y; puedes hacer zoom solo en una vista más ajustada del eje X.