Add and configure components

Add charts, controls, and other components to your report.

It's easy to create visually attractive charts in Data Studio:

  • Select the chart variation you want from the Add a chart menu.
  • Customize the chart's data in the DATA properties panel.
  • Use the STYLE properties panel options to make the chart look fabulous!
Looking for details about configuring a specific type of chart? Check out the chart references.
In this article:

Add charts to the report

A chart visualizes your data. Data Studio comes with a number of preconfigured charts, which you can add to your report and then customize as needed. To learn more about specific charts, see the chart references.

To add a chart to the current page:

  1. Edit your report.
  2. Navigate to the page that will contain the chart.
  3. In the tool bar, click Add a chart.
  4. Select the chart you want to add.
  5. Click the canvas to add the chart to the report. 
  6. Select one or more charts to move or resize them as needed.

Animation showing how to add charts

Shortcut: drag and drop fields onto the canvas to create a chart

Create charts automatically by dragging a field from the Available fields panel onto the report canvas:

  • Drop a text or number dimension on the canvas to create a table
  • Drop a date dimension to create a time series.
  • Drop a geographic dimension to create a Geo chart.
  • Drop a metric on the canvas to create a scorecard.

Add fields to a chart

  1. Select a chart or control.
  2. Make sure the DATA tab is selected.
  3. On the right, browse or search in the Available Fields list.
  4. Then drag the new field into an empty slot of the appropriate type (dimension or metric).

Shortcut: drag and drop fields onto the chart

Drag fields from the Available Fields list and drop them onto the a chart. Adding dimensions to a table in this way appends them to the end of the dimension list.

Drag and drop fields to add them to the report.

Replace fields in a chart

  1. Select a chart or control.
  2. Make sure the DATA tab is selected.
  3. On the right, browse or search in the Available Fields list.
  4. Drag the new field on top of an existing field.

Remove fields from a chart

  1. Select a chart or control.
  2. Make sure the DATA tab is selected.
  3. Hover over the field you want to remove.
  4. To the right of the field name, click X.

Using the component properties panel

Snap to grid

When you place new objects on the canvas, or move them with the mouse or keyboard, they "snap to grid." You can nudge components using the mouse or arrow keys and holding down the Shift key. This lets you position elements outside of the grid lines.

You can change the grid size in the report layout options.

Learn more about arranging and grouping components on the page.

Switch chart type

Use the chart icons at the top of the properties panel to switch between chart types. This lets you see how your data looks using different visualization techniques. Data Studio adjusts the default dimensions and metrics to best suit the selected chart type. Any customizations you've made to the chart, including adding or changing dimensions and metrics, style options, filters, or segments are preserved so you can switch back to the originally selected chart.

Edit chart properties

Use the component properties panel on the right to configure the chart's data and style options. This panel appears whenever you have a component selected (otherwise, you'll see the Layout and Theme panel).

The properties panel usually has two tabs. The DATA is where you configure the dimensions and metrics displayed in a chart or used by a control. This is also where you set other data-related options, like sort order, default date range, and filters.

The STYLE tab lets you control the appearance of the component, including font and background colors, border shadow, axes labels, and more

Shapes and text boxes don't have data options, so their property panels only have a STYLE tab.

Add other components to the report

Use the toolbar icons or the Insert menu to add other components to the current page. Besides charts, you can add the following kinds of components to your reports:

  • Interactive components, such as dimensions filters, date range controls, and the data control, allow viewers to customize the data displayed in your reports. Learn how to make reports interactive.
  • Design components, such as images, text boxes, rectangles, lines, and circles, add stylistic elements, letting you brand your reports and make them visually appealing. Learn more about adding design components.
  • Embedded external content, such videos, Google Docs, and external websites, let you create reports that integrate a wide variety of content. Learn more about embedding external content.
  • Community visualizations are components developed by partners and other Data Studio users that add new types of data visualization and functionality to your reports. 
Was this helpful?
How can we improve it?

Need more help?

Sign in for additional support options to quickly solve your issue