Un gráfico de áreas es una variación del gráfico de líneas o de series temporales. Usa áreas sombreadas debajo de las líneas trazadas en el gráfico para indicar el volumen de datos que representan las líneas. Al igual que las series temporales, los gráficos de áreas son útiles para ver las tendencias de tus datos a lo largo del tiempo.
Gráficos de área en Looker Studio
Los gráficos de área te permiten visualizar una sola dimensión (la dimensión de desglose) y una sola métrica, trazadas a lo largo del tiempo.
Ejemplo de gráfico de áreas
En el siguiente ejemplo, se muestran dos gráficos de área. En ambos gráficos, se muestran los datos de ventas de una tienda de mascotas ficticia. El primer gráfico muestra las ventas de artículos por categoría (contenidas en una dimensión Product Category). La dimensión Categoría de producto tiene tres valores: Ave, Perro y Gato.
En el segundo gráfico, se muestran las ventas de productos individuales (contenidos en una dimensión Artículo).
La métrica en ambos gráficos es la cantidad vendida (llamada Cantidad vendida en la fuente de datos).
En estos ejemplos, se muestran dos estilos diferentes de gráfico de áreas. El primero es apilado: los valores de la serie aparecen en capas, una sobre la otra. El segundo es sin apilar: cada serie comienza en el mismo modelo de referencia.
Otros tipos de gráficos de áreas
Además del gráfico de áreas básico, puedes seleccionar entre los tipos de gráficos predeterminados Gráfico de áreas apiladas o Gráfico de áreas 100% apiladas cuando agregas un gráfico de áreas desde la barra de herramientas.
Gráfico de áreas apiladas
Los gráficos de áreas apiladas permiten mostrar las relaciones entre las partes y el todo, así como identificar tendencias en los datos en el transcurso del tiempo. Por ejemplo, puedes mostrar el aporte que hayan hecho 3 productos al total de ventas de cada mes o trimestre.
Gráfico de áreas 100% apiladas
Los gráficos de áreas 100% apiladas permiten mostrar las relaciones entre las partes y el todo, así como identificar tendencias en los datos en el transcurso del tiempo, cuando el total acumulado no es importante.
Configura el gráfico
Agrega un gráfico nuevo o selecciona uno existente. Luego, usa el panel Properties para configurar las propiedades de las pestañas Setup y Style del gráfico.
Configura los datos del gráfico
Las opciones de la pestaña Configuración del panel Propiedades determinan cómo se organizan y muestran los datos del gráfico.
Fuente de datos
Una fuente de datos proporciona la conexión entre el componente y el conjunto de datos subyacente.
- Para cambiar la fuente de datos del gráfico, haz clic en el nombre de la fuente de datos actual.
- Para ver o editar la fuente de datos, haz clic en
. (Debes tener al menos permiso de lector para ver este ícono). - Haz clic en + COMBINAR DATOS para ver datos de varias fuentes de datos en el mismo gráfico. Obtén más información sobre la combinación de datos.
Dimensión de período
Esta opción aparece si tu fuente de datos tiene una dimensión de fecha válida.
Nota : Esta opción no aparece para las fuentes de datos de Google Ads o Google Analytics, ya que estas seleccionan automáticamente una dimensión de tipo Fecha de la fuente de datos.
La dimensión Período se usa como base para limitar el período del gráfico. Por ejemplo, esta es la dimensión que se utiliza si estableces una propiedad de período para el gráfico o si un usuario del informe usa un control de período para limitar el período.
Dimensión
Las dimensiones son categorías de datos. Los valores de dimensión (los datos que contiene la dimensión) son nombres, descripciones y otras características de una categoría.
Se requiere al menos una dimensión de tiempo. La primera dimensión que especifiques servirá como serie de datos principal en el gráfico. Si especificas una dimensión de desglose, el gráfico se limita a una sola métrica.
Desglosar información
Esta opción aparece en los gráficos que la admiten.
El desglose les brinda a los usuarios una forma de revelar niveles adicionales de detalle dentro de un gráfico. Cuando activas la opción Desglosar , cada dimensión que agregues se convierte en otro nivel de detalle que puedes desglosar. Obtén más información sobre el desglose de gráficos.
Dimensión de desglose
Esta opción muestra los datos de las métricas desglosados según la dimensión seleccionada. Por ejemplo, un gráfico que muestra datos de ventas anuales podría desglosarse por una dimensión Región de ventas para mostrar las ventas por región o por una dimensión ID del empleado para mostrar las ventas por asociado de ventas.
Métrica
Las métricas miden los elementos que se incluyen en las dimensiones y proporcionan la escala numérica y las series de datos del gráfico.
Las métricas son agregaciones que provienen del conjunto de datos subyacente o que son el resultado de aplicar una función de agregación de forma implícita o explícita, como COUNT(), SUM() o AVG(). La métrica en sí no tiene un conjunto definido de valores, por lo que no puedes agrupar por una métrica como lo puedes hacer con una dimensión.
Obtén más información sobre la agregación.
Puedes mostrar una sola métrica en un gráfico de áreas.
Métricas opcionales
Para agregar métricas opcionales, selecciona el interruptor Métricas opcionales y elige las métricas del selector de campos Agregar métrica. También puedes arrastrar y soltar métricas de la lista de campos del panel Datos al selector Métricas opcionales.
Controles deslizantes de métricas
Activa el interruptor Control deslizante de métricas para agregar un control deslizante de métricas a tu gráfico de diagrama de caja.
Establece el orden predeterminado
Las opciones Ordenar y Ordenar dimensión de desglose en el panel de configuración del gráfico controlan el comportamiento de ordenamiento predeterminado. Puedes seleccionar cualquier métrica de la fuente de datos del gráfico o cualquier dimensión que se muestre actualmente en el gráfico para usarla como campo de ordenamiento principal o secundario.
La opción Orden de la dimensión de desglose solo aparece cuando se establece una dimensión de desglose.
Cuando especificas una métrica como campo de orden, puedes editar la agregación del campo. Por ejemplo, puedes incluir un campo numérico en el gráfico como una SUMA, pero ordenar según el valor PROMEDIO de ese mismo campo.
Período predeterminado
La propiedad Default date range te permite establecer un período para un gráfico individual .
Opciones predeterminadas de período
| Automático | Usa el período predeterminado, que se determina según la fuente de datos del gráfico. |
| Personalizado | Te permite usar el widget de calendario para seleccionar un período personalizado para el gráfico. |
| Tipo de comparación de fechas | Muestra los datos de comparación del período seleccionado. |
Obtén más información para trabajar con fechas y horas.
Filtro
Los filtros restringen los datos que se muestran en el componente ya que incluyen o excluyen los valores que especificas . Obtén más información sobre la propiedad de filtro.
Opciones de filtro
| Nombre del filtro | Haz clic en un filtro existente para editarlo. Coloca el cursor sobre el nombre del filtro y haz clic en la X para borrarlo. |
| +Agregar un filtro | Haz clic en esta opción para crear un filtro nuevo para el gráfico. |
Interacciones con gráficos
Cuando la opción Filtrado cruzado está habilitada en un gráfico, este actúa como un control de filtro. Para filtrar el informe, haz clic en el gráfico o arrástralo con el mouse. Obtén más información sobre el filtrado cruzado.
La opción Zoom te permite acercar un gráfico y desplazarte por él para ver todos los datos que se muestran. Obtén más información sobre el zoom y el desplazamiento en los gráficos cartesianos.
Aplica diseño al gráfico
Las opciones de la pestaña Estilo controlan la presentación y la apariencia general del gráfico.
Título
Habilita la opción Mostrar título para agregar un título a tu gráfico. Looker Studio puede generar un título automáticamente, o bien puedes crear uno personalizado para el gráfico. También puedes personalizar el diseño y la ubicación del título.
Generar automáticamente
Esta opción está habilitada de forma predeterminada. Cuando se selecciona Autogenerar, Looker Studio genera un título según el tipo de gráfico y los campos que se usan en él. El título generado automáticamente se actualizará si cambias el tipo de gráfico o realizas cambios en los campos que se usan en él.
Para agregar un título personalizado a tu gráfico, ingrésalo en el campo Título. Se borrará la casilla de verificación Autogenerar y se desactivará este parámetro de configuración.
Opciones de título
| Título | Proporciona un campo de texto en el que los editores de informes pueden ingresar un título personalizado para el gráfico. |
| Tipo de fuente del título |
Establece el tipo de fuente para el texto del título. |
| Tamaño de la fuente del título | Establece el tamaño de fuente del texto del título. |
| Opciones de diseño de fuente | Aplica el estilo de negrita, cursiva o subrayado al texto del título. |
| Color de la fuente del título | Establece el color de fuente del texto del título. |
| Izquierda | Alinea el título del gráfico a la izquierda. |
| Centro | Centra el título del gráfico sobre o debajo de él. |
| Derecha | Alinea el título del gráfico en el lado derecho. |
| Parte superior | Coloca el título del gráfico en la parte superior. |
| Parte inferior | Posiciona el título del gráfico en la parte inferior. |
Gráfico de áreas
En esta sección, se controla el aspecto y el diseño general del gráfico.
| Mostrar pila | Apila las series de datos. | |
| Apilamiento al 100% | Cuando se selecciona esta opción, los gráficos apilados muestran la contribución de cada serie de datos al 100% del valor total. | |
| Mostrar acumulativos | Cuando se marca, las series de datos se suman con el tiempo. De lo contrario, los datos se muestran sin agregación adicional. | |
| Mostrar puntos | Muestra puntos de datos individuales. Los usuarios pueden colocar el cursor sobre un dato para mostrar su valor. | |
| Mostrar etiquetas de datos | Muestra valores individuales para los datos de la serie. Si seleccionas esta opción, también se mostrará la sección Etiqueta de datos , en la que puedes controlar la presentación de las etiquetas en el gráfico. | |
Etiqueta de datos
Si seleccionas la casilla de verificación Mostrar etiquetas de datos en la sección Gráfico de área , puedes configurar las siguientes opciones.
| Números compactos | Redondea los números y muestra el indicador de unidad. Por ejemplo, 553,939 se convierte en 553.9K. |
| Precisión decimal | Establece la cantidad de decimales en los valores de las métricas. |
| Tamaño de fuente de las etiquetas | Establece el tamaño de fuente del texto de la etiqueta. |
| Color de la fuente de las etiquetas | Establece el color de fuente del texto de la etiqueta. |
| Familia de fuentes de las etiquetas | Establece el tipo de fuente del texto de la etiqueta. |
| Opciones de diseño de fuente | Aplica el estilo de negrita o cursiva al texto de la etiqueta. |
| Fondo de las etiquetas | Establece un color de fondo para el texto de la etiqueta. |
| Opacidad de las etiquetas | En el caso de las etiquetas con un color de fondo personalizado, este parámetro de configuración ajusta la opacidad del fondo del texto de la etiqueta. El 100% de opacidad hace que el fondo sea sólido, y el 0% de opacidad hace que el fondo sea completamente transparente. |
| Radio del borde de las etiquetas | En el caso de las etiquetas con un color de fondo personalizado, este parámetro de configuración agrega bordes redondeados al fondo del gráfico. Elige un valor entre 0 px (esquinas de 90°) y 20 px (redondeo máximo). |
Líneas de referencia
Para agregar una línea de referencia o una banda de referencia a tu gráfico, selecciona la opción Agregar una línea de referencia o Agregar una banda de referencia.
Para obtener más información sobre las líneas de referencia y las bandas de referencia, consulta la página Cómo agregar líneas de referencia y bandas de referencia a los gráficos. Las líneas de referencia no están disponibles para los gráficos de áreas 100% apiladas.
Cantidad de series
Determina la cantidad de series de dimensiones de desglose que se muestran en el gráfico. Este parámetro de configuración está disponible cuando estableces un valor para Dimensión de desglose. Selecciona una cantidad de series para mostrar en el menú desplegable. Las series que se muestran se basan en las especificaciones de Orden de la dimensión de desglose.
Agrupar otros
Selecciona la casilla de verificación Agrupar otros para agrupar los resultados que se encuentren fuera del límite especificado de Cantidad de series en una serie que tendrá la etiqueta Otros. Esta casilla de verificación te permite comparar otras series con el contexto de los resultados restantes.
Colorear según
En esta sección, se controla cómo se colorean tus datos. Obtén más información para colorear tus datos.
Estas opciones aparecen cuando tienes una dimensión secundaria (desglose) en tu gráfico.
| Color único | Cuando se selecciona esta opción, la serie de datos se muestra en tonos de un solo color. De lo contrario, el gráfico se mostrará en varios colores, según el [tema del informe](/looker/docs/studio/how-to-color-your-reports). Puedes establecer colores específicos con el selector de color de cada serie de datos. |
| Orden de la serie | Usa el tema actual para colorear los datos según su posición en el gráfico. Esta opción enfatiza la clasificación de los datos sobre su identidad. Puedes establecer colores específicos con el selector de color de cada serie de datos. |
| Valores de dimensiones | Esta opción colorea cada valor de dimensión del gráfico con el color que se especifica en el mapa de colores de los valores de dimensión. Esta opción garantiza que tus datos usen el color de forma coherente, independientemente de la posición de esos datos en el gráfico. |
Faltan datos
Esta opción aparece cuando faltan datos en tu dimensión de tiempo. Looker Studio ofrece 3 formas de abordar esta situación.
| Línea a cero | Si seleccionas esta opción, una serie de líneas disminuirá a cero para las fechas que faltan. Esta es la opción predeterminada. |
| Saltos de línea | Cuando se selecciona esta opción, los datos faltantes aparecen como interrupciones en la serie de datos. |
| Interpolación lineal | Cuando se selecciona esta opción, Looker Studio continúa la serie conectando los datos a ambos lados de los datos faltantes. |
Zoom
Después de habilitar la opción Zoom para un gráfico en la pestaña Configuración del panel Propiedades, puedes seleccionar una de las siguientes opciones:
- Haz clic y arrastra para hacer zoom : Haz clic y arrastra para seleccionar una parte de la visualización que deseas ampliar.
- Desplazar para hacer zoom : Desplázate con el mouse para acercar o alejar.
De manera opcional, selecciona la casilla de verificación Desplazarse/zoom solo en el eje X para permitir el zoom y el desplazamiento solo en el eje X.
Ejes
Estas opciones controlan la visualización de los títulos y las escalas de los ejes del gráfico. Aparece una sección del eje Y derecha cuando tienes más de una métrica en el gráfico.
Opciones de ejes
| Mostrar ejes | Oculta o muestra los ejes del gráfico. |
| Invierte la dirección del eje Y | Controla la visualización vertical del eje Y. |
| Invierte la dirección del eje X | Controla la visualización horizontal del eje X. |
Eje Y izquierdo
Estas opciones controlan la visualización del eje Y izquierdo del gráfico. Aparece una sección del eje Y derecha cuando tienes más de una métrica en el gráfico.
Opciones de ejes
| Mostrar el título del eje | Oculta o muestra las etiquetas de los ejes. | |
| Mínimo y máximo del eje | Establece valores mínimos y máximos para el eje. | |
| Intervalo de marca personalizado | Controla el intervalo entre las marcas del eje. | |
| Escala logarítmica | Hace que la escala del eje sea logarítmica. | |
Eje X
Estas opciones controlan la visualización del eje X del gráfico.
Opciones de ejes
| Mostrar el título del eje | Oculta o muestra las etiquetas de los ejes. | |
| Intervalo de marca personalizado | Controla el intervalo entre las marcas del eje. | |
| Rango | Establece el rango del eje X. | |
Cuadrícula
Estas opciones controlan el aspecto de la cuadrícula del gráfico.
| Color del eje | Establece el color de las líneas del eje. | |
| Color de la cuadrícula | Establece el color de las líneas de la cuadrícula. | |
| Familia de fuentes | Establece el tipo de fuente del texto de la línea de cuadrícula. | |
| Tamaño de fuente del eje | Establece el tamaño de fuente del texto de la línea de la cuadrícula. | |
| Fondo del gráfico | Establece el color del fondo del gráfico. | |
| Color del borde del gráfico | Establece el color del borde interno del gráfico. | |
Leyenda
Estas opciones determinan la ubicación de la leyenda del gráfico.
| Color de la fuente de la leyenda | Establece el color de la fuente de la leyenda. |
| Tamaño de fuente | Establece el tamaño de la fuente de la leyenda. |
| Familia de fuentes | Establece el tipo de fuente de la fuente de la leyenda. |
| Ninguno | No aparecerá ninguna leyenda. |
| Derecha | La leyenda aparece a la derecha. |
| Parte inferior | La leyenda aparece en la parte inferior. |
| Parte superior | La leyenda aparece en la parte superior. |
| Alineación | Establece la alineación de la leyenda en relación con la posición seleccionada. |
| Líneas máximas | Establece la cantidad de líneas que usa la leyenda. Si la cantidad de series requiere más líneas, puedes hacer clic en las flechas < y > para mostrar los elementos desbordados. Ten en cuenta que este parámetro de configuración solo se aplica cuando la leyenda está configurada como Arriba. Este parámetro de configuración no tiene efecto si la leyenda está configurada en Derecha o Inferior. |
Fondo y borde
Estas opciones controlan el aspecto del contenedor de fondo del gráfico.
| Contexto | Establece el color de fondo del gráfico. |
| Radio del borde | Agrega bordes redondeados al fondo del gráfico. Cuando el radio es 0, la forma del fondo tiene esquinas de 90°. Un radio de borde de 100° produce una forma circular. |
| Opacidad | Establece la opacidad del gráfico. El 100% de opacidad oculta por completo los objetos detrás del gráfico. El 0% de opacidad hace que el gráfico sea invisible. |
| Color del borde | Establece el color del borde del gráfico. |
| Ancho del borde | Establece el grosor de la línea del borde del gráfico. |
| Estilo de borde | Establece el estilo de la línea del borde del gráfico. |
| Cómo agregar una sombra de borde | Agrega una sombra a los bordes inferior y derecho del gráfico. |
Encabezado del gráfico
El encabezado del gráfico permite a los usuarios realizar varias acciones en él, como exportar los datos, desglosar los datos hacia arriba o hacia abajo, o bien ordenar el gráfico. Las opciones de encabezado del gráfico son las siguientes:
| Mostrar al colocar el cursor encima (predeterminado) | Cuando colocas el cursor sobre el encabezado del gráfico, aparecen tres puntos verticales. Haz clic en ellos para acceder a las opciones del encabezado. |
| Mostrar siempre | Las opciones de encabezado siempre aparecen. |
| No mostrar | Las opciones de encabezado nunca aparecen. Ten en cuenta que los usuarios de los informes siempre pueden acceder a las opciones haciendo clic con el botón derecho en el gráfico. |
| Color | Establece el color de las opciones del encabezado del gráfico. |
Recursos relacionados
- Tipos de gráficos en Looker Studio
- Cómo trabajar con fechas y horas
- Acerca de las propiedades de los filtros