Los gráficos de áreas son un tipo de gráfico de líneas o de serie temporal. Utilizan zonas sombreadas debajo de unas líneas que representan el volumen de datos. Al igual que los de serie temporal, los gráficos de áreas son útiles para ver cómo varían las tendencias de los datos a lo largo del tiempo.
Gráficos de áreas de Looker Studio
Los gráficos de áreas solo pueden mostrar una dimensión (la de desglose) y una métrica, que representan una serie de datos a lo largo del tiempo.
Ejemplo de gráfico de áreas
En el siguiente ejemplo se muestran dos gráficos de áreas con datos de ventas de una tienda de mascotas ficticia. El primer gráfico muestra las ventas de artículos por categoría (obtenidas de la dimensión Categoría de producto). La dimensión Categoría de producto tiene tres valores: Bird (Pájaro), Dog (Perro) y Cat (Gato).
El segundo gráfico muestra las ventas de determinados productos (obtenidas de la dimensión Artículo).
La métrica de los dos gráficos representa la cantidad que se ha vendido (llamada Qty Sold, Cantidad vendida, en la fuente de datos).
En estos ejemplos se revelan dos estilos diferentes de gráficos de áreas. En el primero, las series están apiladas: sus valores se muestran acumulados unos sobre otros. En el segundo, las series aparecen sin apilar, es decir, que comienzan en el mismo valor de referencia.
Otros tipos de gráficos de áreas
Además del gráfico de áreas básico, puedes seleccionar los tipos de gráficos predefinidos Gráfico de áreas apiladas o Gráfico de áreas apiladas al 100 % cuando añadas un gráfico de áreas desde la barra de herramientas.
Gráfico de áreas apiladas
Gráfico de áreas apiladas al 100 %
Configurar el gráfico
Añade un gráfico nuevo o selecciona uno que ya tengas. Después, a la derecha, usa el panel Propiedades para configurar las propiedades de las pestañas Configuración y Estilo 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
La fuente de datos conecta un componente con el conjunto de datos subyacente.
- Para cambiar la fuente de datos del gráfico, haz clic en el nombre de la que estás utilizando.
- Para ver o editar la fuente de datos, haz clic en
. Para ver este icono, debes tener al menos el permiso de lector.
- Para ver los datos de varias fuentes en el mismo gráfico, haz clic en +COMBINAR DATOS. Más información sobre cómo combinar datos
Dimensión Periodo
Esta opción se muestra si la fuente de datos tiene una dimensión válida de fecha.
Nota: Esta opción no aparece en las fuentes de datos de Google Ads ni de Google Analytics, ya que estas fuentes seleccionan automáticamente una dimensión de tipo fecha de la fuente de datos.
La dimensión Periodo se utiliza como base para limitar el periodo del gráfico. Por ejemplo, se usa si defines una propiedad de periodo en el gráfico o si los lectores del informe emplean un filtro por periodo para limitar el intervalo de tiempo.
Dimensión
Las dimensiones son categorías de datos. Los valores de una dimensión (es decir, los datos que contiene) son nombres, descripciones u otras características de una categoría.
Desglosar información
Esta opción aparece en los gráficos que la admiten.
Desglosar información permite que los usuarios vean otros niveles de detalle en un gráfico. Al activar la opción Desglosar información, cada dimensión que añadas se convertirá en otro nivel de detalle. Más información sobre el desglose de información en gráficos
Dimensión de desglose
Esta opción muestra los datos de las métricas desglosados en función de la dimensión seleccionada. Por ejemplo, un gráfico con datos de ventas anuales se podría desglosar por la dimensión Región de ventas para mostrar las ventas por región, o bien usar la dimensión ID de empleado para mostrar las ventas por empleado.
Métrica
Las métricas miden lo que contienen las dimensiones y proporcionan la escala numérica y la serie de datos del gráfico.
Las métricas son agregaciones derivadas del conjunto de datos subyacente o de aplicar implícita o explícitamente una función de agregación, como COUNT(), SUM() o AVG(). La métrica en sí no tiene un conjunto de valores definido, por lo que no puedes hacer grupos a partir de ella, como sí puedes hacer con una dimensión.
Métricas opcionales
Para añadir métricas opcionales, activa el interruptor Métricas opcionales y selecciona las que quieras en el selector de campos Añadir métrica. También puedes arrastrar y soltar métricas de la lista de campos del panel Datos en el selector Métricas opcionales.
Controles deslizantes de métricas
Activa el interruptor Controles deslizantes de métricas para añadir un control de este tipo al gráfico de diagrama de caja.
Definir el orden predeterminado
Las opciones Ordenar y Orden de la dimensión de desglose del panel de configuración del gráfico establecen la forma predeterminada de ordenar los datos. Puedes seleccionar cualquier métrica de la fuente de datos del gráfico, o bien cualquier dimensión que aparezca en ese momento en el gráfico, para usarlas como campo de ordenación principal y secundario.
Periodo predeterminado
La propiedad Periodo predeterminado te permite definir el intervalo de tiempo de un gráfico concreto.
Opciones de periodo predeterminado
| Automático | Usa el periodo predeterminado, que viene definido por la fuente de datos del gráfico. |
| Personalizado | Puedes usar el widget del calendario para seleccionar un periodo personalizado para el gráfico. |
| Tipo de comparación de fechas | Muestra datos de comparación del periodo seleccionado. |
Filtro
Los filtros determinan los datos que se muestran en el componente incluyendo o excluyendo los valores que especifiques. Más información sobre las propiedades de filtros
Opciones de los filtros
| Nombre del filtro | Haz clic en un filtro para modificarlo. Coloca el cursor sobre el nombre del filtro y haz clic en X para eliminarlo. |
| +Añadir un filtro | Haz clic en esta opción para crear un filtro en el gráfico. |
Segmento de Google Analytics
Esta opción aparece en gráficos basados en una fuente de datos de Universal Analytics.
Un segmento es un subconjunto de datos de Analytics. Puedes aplicar segmentos a tus gráficos de Looker Studio para asegurarte de que los informes de Looker Studio y Google Analytics muestren los mismos datos. Más información sobre los segmentos de Analytics en Looker Studio
Gráficos interactivos
Si la opción Multifiltro está habilitada en un gráfico, este funcionará como un control de filtros. Puedes filtrar el informe haciendo clic o arrastrando el cursor por el gráfico. Más información sobre el multifiltro
La opción Zoom te permite ampliar un gráfico y desplazarte por él para ver todos los datos que contiene. Más información sobre cómo ampliar y desplazarse por los gráficos cartesianos
Las opciones de la pestaña Estilo controlan la presentación y el aspecto del gráfico.
Título
Si marcas la casilla Mostrar título, puedes añadir un título y personalizar su aspecto y su ubicación en el gráfico.
Opciones de título
| Título | Proporciona un campo de texto en el que los editores del informe pueden introducir un título personalizado para el gráfico. |
|
Tipo de fuente del título |
Define el tipo de fuente del texto del título. |
| Tamaño de fuente del título | Define el tamaño de la fuente del texto del título. |
| Opciones de estilo de la fuente | Aplica negrita, cursiva o subrayado al texto del título. |
| Color de fuente del título | Define el color de la fuente del texto del título. |
| Izquierda | Alinea el título a la izquierda del gráfico. |
| Centro |
Alinea el título a la derecha del gráfico. |
| Derecha | Centra el título encima o debajo del gráfico. |
| Parte superior | Coloca el título en la parte superior del gráfico. |
| Parte inferior | Coloca el título en la parte inferior del gráfico. |
Gráfico de áreas
En esta sección se controla la apariencia global y el diseño de los gráficos.
| Mostrar la pila | Apila las series de datos. | |
| 100% apilado | Si se selecciona esta opción, los gráficos apilados muestran la contribución de cada serie de datos al 100 % del valor total. | |
| Mostrar datos acumulativos | Si se habilita esta opción, los datos de las series mostrarán el total acumulado a lo largo del tiempo. De lo contrario, los datos se mostrarán sin ninguna agregación adicional. | |
| Mostrar puntos | Muestra puntos de datos concretos. Se puede colocar el cursor sobre un punto de datos para que se muestre su valor. | |
| Mostrar etiquetas de datos | Muestra los valores individuales de los puntos de datos de la serie. Al seleccionar esta opción, también aparece la sección Etiqueta de datos, donde puedes controlar cómo se presentan las etiquetas en el gráfico. | |
Etiqueta de datos
Si marcas la casilla Mostrar etiquetas de datos de la sección Gráfico de áreas, puedes configurar las siguientes opciones.
| Números compactos |
Se redondean las cifras y se muestra el indicador de unidad. Por ejemplo: 553.939 se convierte en 553,9 K. |
|
| Precisión decimal | Determina el número de decimales de los valores de las métricas. | |
| Tamaño de fuente de las etiquetas | Define el tamaño de la fuente del texto de la etiqueta. | |
| Color de fuente de las etiquetas | Define el color de fuente del texto de la etiqueta. | |
| Conjunto de fuentes de las etiquetas | Define el tipo de fuente del texto de la etiqueta. | |
| Opciones de estilo de la fuente | Aplica negrita o cursiva al texto de la etiqueta. | |
| Fondo de las etiquetas | Define el color de fondo del texto de la etiqueta. | |
| Opacidad de las etiquetas |
En el caso de las etiquetas con un color de fondo personalizado, este ajuste regula la opacidad del fondo del texto de la etiqueta. Con una opacidad del 100 %, el fondo es sólido, y con una opacidad del 0 %, el fondo es completamente transparente. |
|
| Radio del borde de las etiquetas | En el caso de las etiquetas con un color de fondo personalizado, este ajuste añade 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 añadir una línea o una banda de referencia al gráfico, selecciona las opciones Añadir una línea de referencia o Añadir una banda de referencia.
Para obtener más información sobre las líneas y las bandas de referencia, consulta la página Añadir líneas y bandas de referencia a los gráficos.
Las líneas de referencia no están disponibles en los gráficos de áreas apiladas al 100 %.
Número de series
Determina el número de series de dimensiones de desglose que se muestran en el gráfico. Este ajuste está disponible cuando se ha asignado un valor a Dimensión de desglose. En el menú desplegable, selecciona el número de series que quieres que se muestren. Las series que aparecen se basan en las especificaciones de Orden de la dimensión de desglose.
Agrupar el resto
Marca la casilla Agrupar el resto para agregar los resultados que estén fuera del límite de Número de series especificado en una serie que tendrá la etiqueta Otros. Esta casilla 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 los datos. Más información sobre cómo aplicar colores a los datos
Estas opciones aparecen cuando hay una dimensión secundaria (desglose) en el gráfico.
| Color único |
Al seleccionar esta opción, las series de datos se muestran en diversos tonos de un mismo color. Si no se selecciona, el gráfico se muestra en varios colores, en función del tema del informe.
Puedes definir colores específicos con el selector de color de cada serie de datos. |
| Orden de la serie |
Utiliza el tema que hayas aplicado al gráfico para asignar colores a los datos en función de su posición en él. Sirve para destacar la clasificación de los datos en lugar del contenido de la tabla. Puedes definir colores específicos con el selector de color de cada serie de datos. |
| Valores de las dimensiones |
Esta opción asigna a cada valor de dimensión del gráfico el color especificado en la leyenda de colores correspondiente a los valores de las dimensiones. Gracias a esta opción, los datos siempre se muestran con los mismos colores, independientemente de dónde aparezcan en el gráfico. |
Ausencia de datos
Esta opción aparece cuando faltan datos en la dimensión temporal. Looker Studio ofrece tres formas de solucionar esta situación.
Nota: Esta opción no afecta a las series de barras. Sin embargo, la opción Línea a cero sí afecta a la línea de tendencia.
| Línea a cero | Al seleccionar esta opción, una serie de líneas representa el valor cero en las fechas que faltan. Esta es la opción predeterminada. |
| Saltos de línea | Si seleccionas esta opción, los datos que faltan aparecen como saltos en la serie de datos. |
| Interpolación lineal | Si seleccionas esta opción, Looker Studio conectará los puntos de datos situados a ambos lados de los datos que faltan para continuar la serie. |
Zoom
Después de habilitar la opción Zoom de un gráfico en la pestaña Configuración del panel Propiedades, puedes seleccionar una de las siguientes opciones:
- Hacer clic y arrastrar para ampliar: haz clic y arrastra para seleccionar la parte de la visualización que quieras ampliar.
- Desplazar para ampliar: desplázate con el ratón para hacer zoom.
También puedes marcar la casilla Mover/Ampliar solo eje X para que solo sea posible usar el zoom y desplazarse a lo largo del eje X.
Ejes
Estas opciones controlan cómo se muestran los títulos y las escalas de los ejes del gráfico. Aparecerá una sección de eje Y a la derecha cuando haya más de una métrica en el gráfico.
Opciones de eje
| Mostrar ejes | Muestra u oculta los ejes del gráfico. |
| Invertir el sentido del eje Y | Controla la visualización vertical del eje Y. |
| Invertir el sentido del eje X | Controla la visualización horizontal del eje X. |
Eje Y izquierdo
Estas opciones controlan cómo se muestra el eje Y izquierdo del gráfico. Aparecerá una sección de eje Y a la derecha cuando haya más de una métrica en el gráfico.
Opciones de eje
| Mostrar el título del eje | Muestra u oculta las etiquetas del eje. | |
| Mínimo y máximo del eje | Define los valores mínimo y máximo del eje. | |
| Intervalo entre marcas personalizado | Controla el intervalo entre las marcas de los ejes. | |
| Escala logarítmica | Convierte la escala del eje en logarítmica. | |
Eje X
Estas opciones controlan cómo se muestra el eje X del gráfico.
Opciones de eje
| Mostrar el título del eje | Muestra u oculta las etiquetas del eje. | |
| Intervalo entre marcas personalizado | Controla el intervalo entre las marcas de los ejes. | |
| Rango | Define el rango del eje X. | |
Cuadrícula
Estas opciones controlan la apariencia de la cuadrícula del gráfico.
| Color del eje | Define el color de las líneas del eje. | |
| Color de la cuadrícula | Define el color de las líneas de la cuadrícula. | |
| Conjunto de fuentes | Define el tipo de fuente del texto de las líneas de la cuadrícula. | |
| Tamaño de fuente del eje | Define el tamaño de la fuente del texto de las líneas de la cuadrícula. | |
| Fondo del gráfico | Define el color del fondo del gráfico. | |
| Color del borde del gráfico | Define el color del borde interior del gráfico. | |
Leyenda
Estas opciones determinan la posición de la leyenda del gráfico.
| Color de la fuente de la leyenda | Define el color de la fuente de la leyenda. |
| Tamaño de fuente | Define el tamaño de la fuente de la leyenda. |
| Conjunto de fuentes | Define el tipo de fuente de la leyenda. |
| Ninguna |
No aparece 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 | Define la alineación de la leyenda con respecto a la posición seleccionada. |
| Máx. de líneas | Define el número de líneas que utiliza la leyenda. Si el número de series necesita más líneas, los elementos adicionales podrán mostrarse haciendo clic en las flechas < y >. Ten en cuenta que este ajuste solo se aplica cuando el valor de la leyenda es Parte superior. Este ajuste no tiene ningún efecto si el valor de la leyenda es Derecha o Parte inferior. |
Fondo y borde
Estas opciones controlan la apariencia del contenedor de fondo de un gráfico.
| Fondo | Define el color del fondo de un gráfico. |
| Radio del borde | Da forma redondeada a los bordes del fondo de un gráfico. Cuando el radio es 0, las esquinas de la forma del fondo son de 90°. Si el radio del borde es de 100°, la forma es circular. |
| Opacidad | Define la opacidad del gráfico. Si la opacidad es del 100 %, se ocultan completamente los objetos situados detrás del gráfico. Si es del 0 %, el gráfico es invisible. |
| Color del borde | Define el color del borde de un gráfico. |
| Grosor del borde | Define el grosor de la línea del borde de un gráfico. |
| Estilo del borde | Define el estilo de la línea del borde de un gráfico. |
| Añadir borde sombreado | Añade una sombra a los bordes inferior y derecho del gráfico. |
Encabezado del gráfico
El encabezado del gráfico permite a los lectores realizar varias acciones con el gráfico, como exportar datos, agregar o desglosar información, u ordenarlo. Las opciones del encabezado del gráfico son las siguientes:
| Mostrar al colocar el cursor (opción predeterminada) | Cuando coloques el cursor sobre el encabezado del gráfico, aparecerán tres puntos verticales. Haz clic en ellos para acceder a las opciones del encabezado. |
| Mostrar siempre | Las opciones del encabezado aparecerán siempre. |
| No mostrar | Las opciones del encabezado no aparecerán nunca. Ten en cuenta que los lectores del informe siempre pueden acceder a las opciones haciendo clic con el botón derecho en el gráfico. |
| Color | Define el color de las opciones del encabezado del gráfico. |