Organízate con las colecciones
Guarda y clasifica el contenido según tus preferencias.
Visualiza y examina datos mediante gráficos. En esta lección veremos cómo añadir al informe un gráfico circular, un gráfico de barras y un mapa geográfico.
Cómo añadir un gráfico
Para añadir un gráfico a la página actual, siga estos pasos:
Edite el informe.
Ve a la página en la que vas a colocar el gráfico.
En la barra de herramientas, haz clic en Añadir un gráfico.
Selecciona el gráfico que quieras añadir.
Haz clic en el lienzo para añadir el gráfico al informe.
Selecciona uno o varios gráficos para moverlos o cambiar su tamaño según sea necesario.
Paso 1: Añade un gráfico circular
Para ofrecer una comparación general de un pequeño número de métricas o variables, use gráficos circulares.
Sigue los pasos descritos en la sección Cómo añadir un gráfico para añadir un mapa de Google al informe. Elige el estilo del mapa de burbujas.
En el panel Propiedades, selecciona la pestaña CONFIGURACIÓN.
Haz clic en el campo predeterminado Ubicación y sustitúyelo por la dimensión Ciudad.
Añade métricas para el color y el tamaño de las burbujas. Por ejemplo, selecciona Sesiones para Tamaño y Tiempo medio en la página para Color.
Selecciona la pestaña Estilo.
Utilice los controles deslizantes para ajustar los detalles del fondo, como las vías, los puntos de referencia y las etiquetas.
En la sección Colores, selecciona los colores del rango de valores de métricas.
En la sección Controles del mapa, activa o desactiva los controles del mapa que quieras que utilicen los usuarios.
Consulta el informe. Puedes arrastrar la imagen, desplazarte por ella y ampliarla. También puedes usar Street View.
Paso siguiente
¡Enhorabuena! Has creado tu primer informe de Looker Studio.
Si quieres, puedes añadir títulos y más visualizaciones o cambiar colores y estilos. Cuando lo tengas todo listo para continuar, ve a la lección siguiente: Ver y compartir un informe.
[[["Es fácil de entender","easyToUnderstand","thumb-up"],["Me ofreció una solución al problema","solvedMyProblem","thumb-up"],["Otro","otherUp","thumb-up"]],[["Es difícil de entender","hardToUnderstand","thumb-down"],["La información o el código de muestra no son correctos","incorrectInformationOrSampleCode","thumb-down"],["Me faltan las muestras o la información que necesito","missingTheInformationSamplesINeed","thumb-down"],["Problema de traducción","translationIssue","thumb-down"],["Otro","otherDown","thumb-down"]],["Última actualización: 2025-08-20 (UTC)."],[],[],null,["# Tutorial: Add charts to your report\n\nUse charts to visualize and explore your data. In this lesson, you'll add a pie chart, a bar chart and a Geo chart to this report.\n| **Important:** This page assumes you are using the `[Sample] Google Analytics Data` [data source](/looker/docs/studio/data-source), as described in the [Create a new report](/looker/docs/studio/tutorial-create-a-new-report) tutorial. If you are using a different data source, you may need to select the appropriate dimensions and metrics for each chart.\n\nHow to add a chart\n------------------\n\nTo add a chart to the current page:\n\n1. Edit your report.\n2. Navigate to the page that will contain the chart.\n3. In the toolbar, click **Add a chart**.\n4. Select the chart you want to add.\n5. Click the canvas to add the chart to the report.\n6. Select one or more charts to move or resize them as needed.\n\nStep 1: Add a pie chart\n-----------------------\n\nUse a pie chart to give a general comparison of a small number of metrics or variables.\n\n[Learn more about pie charts](/looker/docs/studio/pie-chart-reference).\n\n1. Following the steps in \\[How to add a chart\\](#how-to-add-a-chart), add a **Pie Chart** to the report.\n2. In the **Properties** panel, select the **SETUP** tab.\n3. Click the **Source** dimension chip to access the **Dimension Picker**.\n4. Click the **User Type** dimension.\n5. Click the **STYLE** tab.\n6. Use the donut slider to change the solid shape to a ring shape.\n7. Use the **Legend** property to position the metric labels under the pie:\n\n| **Tip:** Use the **Dimension Picker's** search box to find dimensions and metrics quickly:\n\nStep 2: Add a bar chart\n-----------------------\n\nBar charts are great for showing and comparing the magnitude of multiple variables.\n\n[Learn more about bar charts](/looker/docs/studio/bar-chart-and-column-chart-reference).\n\n1. Following the steps in [How to add a chart](#how-to-add-a-chart), add a **Bar Chart** to the report.\n2. In the **Properties** panel, select the **SETUP** tab.\n3. Click the **Source** dimension and change it to **Browser**.\n4. Click the return arrow:\n5. Click the **Sessions** metric and change it to **Users**.\n6. Click the **STYLE** tab.\n7. Change the orientation to **Horizontal** :\n8. Scroll to the **Background and Border** section of the **STYLE** tab.\n9. Set the **Border color** to gray:\n\nStep 3: Add a Google Map\n------------------------\n\nUse a Google Map to see the distribution of sessions (or other metrics) across the world.\n| **Note:** For Google Analyticss data, Looker Studio automatically selects the geographic dimension. If you are using a different data source, be sure it contains a valid geo dimension.\n\n[Learn more about Google Maps](/looker/docs/studio/google-maps-reference).\n\n1. Following the steps in [How to add a chart](#how-to-add-a-chart), add a **Google Map** to the report. Choose the bubble map style.\n2. In the **Properties** panel, select the **SETUP** tab.\n3. Click the default **Location** field and replace it with the **City** dimension.\n4. Add metrics for bubble color and bubble size. For example, select **Sessions** for **Size** , and **Average time on Page** for **Color**.\n5. Select the **Style** tab.\n6. Use the sliders to adjust the background details, such as roads, landmarks, and labels.\n7. In the **Colors** section, select colors for the range of metric values.\n8. In the **Map Controls** section, turn on or off the map controls you want to let your viewers use.\n9. View your report. Pan, zoom, and scroll. You can also use [Street View](https://www.google.com/streetview/)!\n\nNext step\n---------\n\nCongratulations! You've created your first Looker Studio report!\n\nIf you'd like, add titles, change colors and styles, add more visualizations. When you're ready to move on, begin the next lesson: [View and share your report](/looker/docs/studio/tutorial-view-and-share-your-report).\n\nRelated resources\n-----------------\n\n[Types of charts in Looker Studio](/looker/docs/studio/types-of-charts-in-looker-studio)"]]