Los gráficos de cascada ayudan a visualizar cómo una secuencia de valores positivos y negativos suma un total. Estos gráficos suelen usarse para datos financieros, para mostrar cómo varias 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 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 uno o más ejes de giro
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.
Una vez creado tu 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 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.
En el caso de una paleta categórica, los primeros tres colores de la paleta se aplican a los campos Color de aumento, Color de disminución 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. 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. Puedes editar tu paleta de varias maneras:
- Haz clic en uno de los colores presentes para editarlo.
- Haz clic en los botones + o - para agregar un color al final de la paleta o quitar un color 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 que se encuentra en la parte inferior del selector.
Para abrir un selector de color, haz clic en la rueda de colores que se encuentra 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 completará 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 Revertir colores para invertir la paleta. En el caso de una paleta categórica, se aplican los últimos tres colores de la paleta a los colores Up Color, Down Color y Total Color. Para una paleta secuencial o divergente, se aplica el color del extremo derecho de la paleta al Color hacia arriba y se mueve hacia la izquierda en la paleta para el Color hacia abajo y el Color total.
Color de aumento, color de disminución 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 color para mostrar el selector de paletas y selecciona un color nuevo de una paleta existente o elige un color personalizado.
- Color de aumento determina el color de los valores positivos en el gráfico.
- Down Color determina el color de los valores negativos en el gráfico.
- Color total determina el color de la barra Total en el gráfico.
Editar la configuración del gráfico
El botón Edit Chart Config que se encuentra 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 exponiendo 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
- Personaliza el color de la información sobre herramientas
- 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 valor. 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 según los datos: La escala se infiere de los datos subyacentes. Esta es la configuración predeterminada.
Ordinal: Los datos se grafican a lo largo del eje x como entradas discretas espaciadas de manera uniforme, 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 del nombre del eje x.
Etiquetas de valor del eje
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 áreas, de cascada o de diagramas de caja).
Esta opción está habilitada de forma predeterminada. Cuando está habilitada, puedes acercar una visualización en un panel, una vista o una exploración.
Consulta las páginas de documentación Visualiza paneles o Visualiza vistas para obtener información para usar la función de zoom.
Cuando esta opción está inhabilitada, se oculta la opción Permitir zoom en el menú Y y no puedes acercar 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 espacian 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 acercar una visualización en un panel, una vista o una exploración.
Consulta la página de documentación Cómo ver paneles o Cómo ver aspectos 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 puedes acercar la vista del eje y, solo puedes acercar la vista del eje x.