Los gráficos de cascada te ayudan a visualizar cómo una secuencia de valores positivos y negativos se suma a un total. Estos gráficos se suelen usar para datos financieros, con el objetivo de 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 Cascada.
Si se ignoran los campos que están ocultos de la visualización, las visualizaciones de cascada requieren una de las siguientes opciones en la sección Datos:
- Una dimensión y una medición
- Sin 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. No es necesario que incluyas totales en tu tabla de datos.
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 colores
Puedes definir la paleta de colores de un gráfico en la sección Configuración de colores.
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 Colecciones de colores. Es posible que tu administrador de Looker (Google Cloud Core) también cree 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 tu paleta haciendo clic en la paleta de colores. 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 al color de aumento, al color de disminución y al color total. Si tu paleta contiene menos de tres colores, primero se usará una versión más clara y, luego, una más oscura de los colores de tu paleta. En el caso de una paleta secuencial o divergente, el color del extremo izquierdo de la paleta se aplica al Color de aumento, y los colores del Color de disminución y el Color total se mueven hacia la derecha en 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 separada por comas de valores de color.
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 Invertir colores para invertir la paleta. En el caso de una paleta categórica, se aplican los últimos tres colores de la paleta al color de aumento, al color de disminución y al color total. En el caso de una paleta secuencial o divergente, se aplica el color del extremo derecho de la paleta al Color de aumento y se mueve hacia la izquierda en la paleta para el Color de disminución y el Color de total.
Color ascendente, Color descendente 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 revelar el selector de paleta y selecciona un color nuevo de una paleta existente o elige un color personalizado.
- Color de valores ascendentes determina el color de los valores positivos en el gráfico.
- Color de valores descendentes determina el color de los valores negativos en el gráfico.
- Color de total determina el color de la barra Total en el gráfico.
Cuadro de información personalizado
Puedes hacer clic en el interruptor Información sobre la herramienta personalizada para configurar la información sobre la herramienta en el editor de visualizaciones 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.
Editar la configuración del gráfico
El botón Editar configuración del gráfico 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 Editor de configuración de gráficos para ver ejemplos de algunos casos de uso comunes, incluidos los siguientes:
- Cómo cambiar el color de fondo y el color del texto de los ejes
- Formato condicional de los valores 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 a 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 formato de cadena hexadecimal RGB (como #2ca6cd) o como un nombre de color CSS (como mediumblue).
Si no se proporciona ningún valor de color, Looker (Google Cloud Core) asigna el primer color de la paleta a las etiquetas de valor.
X opciones de menú
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 espaciadas de manera uniforme, independientemente de la distancia relativa entre los datos.
Hora: Los datos se trazan como valores de hora. 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, barras, dispersión, líneas, áreas, cascada o diagramas de caja).
Esta opción está habilitada de forma predeterminada. Cuando está habilitado, puedes acercar una visualización en un panel, una vista o una exploración.
Consulta la página de documentación Visualiza paneles o Visualiza vistas en Looker para obtener información sobre cómo usar la función de zoom.
Cuando esta opción está inhabilitada, la opción Permitir zoom del menú Y se oculta 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, dispersión, líneas, áreas, cascada o diagramas de caja).
Esta opción solo está disponible cuando está habilitada la opción Permitir zoom en el menú X. Esta opción está habilitada de forma predeterminada. Cuando está habilitado, puedes acercar una visualización en un panel, una vista o una exploración.
Consulta la página de documentación Visualiza paneles o Visualiza 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 puedes acercar la vista del eje Y, solo puedes acercar la vista del eje X.