[[["易于理解","easyToUnderstand","thumb-up"],["解决了我的问题","solvedMyProblem","thumb-up"],["其他","otherUp","thumb-up"]],[["很难理解","hardToUnderstand","thumb-down"],["信息或示例代码不正确","incorrectInformationOrSampleCode","thumb-down"],["没有我需要的信息/示例","missingTheInformationSamplesINeed","thumb-down"],["翻译问题","translationIssue","thumb-down"],["其他","otherDown","thumb-down"]],["最后更新时间 (UTC):2025-08-25。"],[],[],null,["# Tutorial: Create a new report\n\nIn this tutorial, you'll learn how to create a new report in Looker Studio.\n\nStep 1: Create a new blank report\n---------------------------------\n\n1. [Sign in to Looker Studio.](https://lookerstudio.google.com)\n\n2. Click **Create** and then select **Report**.\n\n3. You'll see the report editor tool, with the *Add data to report* panel open. This panel has two tabs: *Connect to data* and *My data sources*.\n\n \u003e You'll learn more about connectors and data sources in the [Connect to your data](/looker/docs/studio/about-connectors-data-sources-and-credentials) topic.\n 1. In the *Connect to data* tab, select a [connector](/looker/docs/studio/connector), create a new data source, and add that to your report:\n\n 1. Select the type of data that you want to visualize.\n 2. Provide your account or other details.\n 3. In the bottom right, click **Add**.\n 2. Use *My data sources* to add an existing [data source](/looker/docs/studio/data-source) to your report:\n\n \u003e \u003cbr /\u003e\n \u003e\n \u003e The **My data sources** tab includes a number of sample data sources.\n \u003e\n \u003e To follow along with this tutorial, select the `[Sample] GA4 - Google Merchandise Store` data source. If you add a different data source, your results may vary from the steps described in this tutorial.\n \u003e\n \u003e \u003cbr /\u003e\n \u003e\n \u003e | **Tip:** If you have a lot of data sources, use the search bar to locate the data source that you want.\n \u003e |\n \u003e | \u003cbr /\u003e\n \u003e |\n \u003e \u003cbr /\u003e\n \u003e\n 1. Locate the data source that you want.\n 2. In the bottom right, click **Add**.\n 3. The data source is added to your report.\n4. A table appears with fields from that data source.\n\n Use the [properties panel](/looker/docs/studio/properties-panel) on the right to change the data and style of the table.\n5. By default, the layout type is set to **Freeform layout** . To use a [responsive report](/looker/docs/studio/create-a-responsive-report) instead, select the **Responsive layout** type. You can change the layout setting later.\n\n - A freeform report is tailored for desktop screens. Choose this report type if you want pixel-perfect control over the placement and sizing of each report component.\n - A responsive report scales well across many different screen sizes. Choose this report type if you expect your users to regularly view the report on a tablet or other mobile device.\n6. In the top left, name your report by clicking *Untitled Report* and then entering a new name.\n\n7. (Optional) Add a description to your report by clicking the three-dot menu and selecting **Details** . Then add a description to the **Description** field.\n\n### Add more data\n\nTo add more data sources to a report, in the toolbar, click **Add data**.\n\nStep 2: Add another chart to the report\n---------------------------------------\n\nThe time series chart plots data over the course of time.\n\n1. In the toolbar, click **Add a chart**.\n\n2. Select a **Time series** chart .\n\n3. Click the canvas where you want the chart to appear.\n\n4. Looker Studio automatically adds the *Date* dimension and the *Views* metric (assuming you're using an Analytics data source).\n\n5. To adjust the chart's position, drag it, or select the chart and move it by using your keyboard arrow keys.\n\n | **Tip:** Each press of the arrow key moves the chart one full column or row (10 px) on the grid. Hold the Shift key down while using your arrow keys to nudge the selected components into place one pixel at a time.\n6. To adjust the chart's size, select it, and then drag a corner or mid-line point.\n\n7. Break down the chart by *Device Category*:\n\n 1. Make sure that the time series chart is selected.\n 2. On the right, in the **Data** panel, use the search tool to find the *Device Category* dimension.\n 3. Drag the field and drop it on the **Breakdown Dimension** target.\n\nYour chart should now display data series for the different device categories (Mobile, Desktop, and Tablet).\n\nStep 3: Style the report\n------------------------\n\nPreset themes let you apply color and style options to your entire report.\n\n1. Edit the report.\n2. In the toolbar, click **Theme and layout**.\n3. In the THEME tab, click the theme that you want to apply.\n\nYou can customize any of the preset themes. For example, you can select a different background color that better matches your brand:\n\n1. In the *Theme and Layout* panel, click **Customize**.\n2. Scroll down to the *Background and Border* section.\n3. Use the color picker to set the **Background** color to your favorite color. Something in a mauvy-peach, perhaps?\n\nStep 4: Add a banner\n--------------------\n\nUse a colored rectangle as a background banner for your report header.\n\n1. Select the [Page](/looker/docs/studio/page) component by clicking anywhere in the grid area.\n2. Select the **Rectangle** tool from the toolbar.\n3. Draw a rectangle across the top of the page.\n4. On the right, in the *Rectangle Properties* panel, set the rectangle background color to blue.\n\n#### Extra credit! Add a gradient to the banner.\n\nWhen one color fades into another, the effect is called a gradient. Gradients are an option of the background color property.\n\n1. Click the background color control:\n2. Click **Gradient**.\n\nThe left and right color swatches determine the starting and ending colors. Enter the specific color hex values, choose from the palette, or use the vertical sliders to select the color.\n\nThe orientation arrow controls the flow of the gradient.\n\nStep 5: Add a title to the report\n---------------------------------\n\nThe text tool lets you annotate your reports and charts.\n\n1. Select the **Text** tool from the toolbar.\n2. Draw a textbox inside the banner rectangle.\n3. Type `Google Analytics Demo Dashboard` in the field.\n4. Highlight the text. Use the *Text Properties* panel on the right to change the font color and the font size to something that looks nice to you.\n\n\u003e #### Hey! Where's the SAVE button?\n\u003e\n\u003e Looker Studio automatically saves every change you make, so there's no need to click **Save** when editing a report. Pretty sweet!\n\nNext steps\n----------\n\n[Add more charts to your report.](/looker/docs/studio/tutorial-add-charts-to-your-report)"]]