In this article:

How to Create an Area Chart in Google Sheets

December 5, 2024

Unsure which chart type to use? Click here to find the right chart for your data and the ideas that you want to convey.

Area charts are similar to line charts, where the x-axis is defined as the time period while the y-axis is the visualized metric, but the area under the line is shaded a certain color. Simple area charts are essentially line charts with shaded areas underneath the lines. 

The area charts offered by Google Sheets can either be a smooth area chart or a stepped area chart. Smooth- and stepped-types differ on how the lines that mark the area are plotted: the lines for smooth area charts are plotted like line charts, while the lines for  stepped area charts form an outline of columns drawn together. Smooth area charts offer a sense of continuity, while stepped area charts emphasize that the data are valid on the date they are recorded. 

Often, more than one series of the same metric is visualized as a stack of different colors of different areas under the curve. They are called stacked area charts. Stacked area charts are used to visualize the changes in the contribution of various sources to a certain quantity or metric over time.

This tutorial is a straightforward guide to inserting an area chart in Google Sheets with some notes on the type of data that it requires.

How to format your data for area charts

The data for an area chart needs to have the following columns:

  • First column: the data on the x-axis
  • Second column: the data on the y-axis
  • Succeeding columns: additional areas in the line chart, optional

Use the first row as the label for your series. You can set the first column for the time or date the data was recorded. 

How to create an area chart

Here are the steps for creating an area chart from an existing dataset in Google Sheets:

Step 1: Select the range of data that you want to visualize.

The dataset to be visualized, selected

Step 2: Click Insert, then click Chart.

Insert option selected on the main menu, drop down box, Chart highlighted

Step 3: The selected chart type is not an area chart by default. On the right side, the Chart editor sidebar is loaded. Click the Setup tab if it is not already selected, then click the drop-down box below Chart type. A list of possible chart types will be loaded. Look for the Area chart, and click it. 

Chart editor, Setup tab, Chart type, Area chart selected

Step 4: We now have an area chart. To add a title to the chart, go to the Customize tab in the Chart editor, then click Chart axis & titles

Chart editor, Customize tab. Chart & axis titles option highlighted.

Step 5: If you want to add a chart title, make sure that the drop-down box displays the option Chart title. On the text box below the drop-down box, type the title of the chart. 

Chart & axis titles option. Chart title selected. Title text: Annual Sales 2020.

Step 6: Here are some options for modifying the title of the chart:

  • To change the font of the title, click the drop-down box below the label Title font. There are 12 fonts to choose from, such as Arial, Georgia, and Verdana. 
  • To change the size of the title, click the drop-down box below the label Title font size. You can select from size 10 to 36. You can also specify a value beyond the given options. Lastly, you can choose Auto to let Google Sheets adjust the font size fit for the given chart.
  • To center align the title, go to Title format and click the Alignment option. Click the Center option. 

We now have the following chart!

Area chart with title and axis labels

Click here to learn how to add the title or axis labels, as well as how to change the colors.

How to create a stacked area chart

Unlike a typical area chart which we discussed in the previous section, a stacked area chart visualizes the components of a certain quantity, thus adding another dimension to your area chart. This means that the dataset should have multiple columns. 

Before you follow these steps, make sure that your data also contains the breakdown of the values of the components.

Step 1: Select the range of data that you want to visualize.

The dataset to be visualized, selected

Step 2: Click Insert, then click Chart.

Insert option selected on the main menu, drop down box, Chart highlighted

Step 3: The selected chart type is not a stacked area chart by default. On the right side of the screen, the Chart editor sidebar is loaded.  Click the Setup tab if it is not yet selected, then click the drop-down box below Chart type. A list of possible chart types will be loaded. Look for Stacked area chart and click it. 

Chart editor, Setup tab, Chart type, Stacked area chart selected

Step 4: We now have a stacked area chart. To add a title to the chart, go to the Customize tab in the Chart editor and click Chart axis & titles

Chart editor, Customize tab. Chart & axis titles option highlighted.

Step 5: If you want to add a chart title, make sure that the drop-down box displays the option Chart title. On the text box below the drop-down box, type the title of the chart. 

Chart & axis titles option. Chart title selected. Title text: Annual Sales 2016-2020.

Step 6: Here are some options for modifying the title of the chart: 

  • To change the font of the title, click the drop-down box below the label Title font. There are 12 fonts to choose from such as Arial, Georgia, and Verdana. 
  • To change the size of the title, click the drop-down box below the label Title font size. You can select from a range of 10 to 36. You can also specify a value beyond the given options. Lastly, you can choose Auto to let Google Sheets adjust the font size fit for the given chart.
  • To center align the title, go to Title format and click the Alignment option. Then click the Center option. 

We now have the following chart!

Stacked area chart with title and axis labels

Click here to learn how to add the title, axis labels, or change the colors.

How to create a 100% stacked area chart

Sometimes you’re not interested in the total quantity but instead with the differences in the composition of certain quantities over time. For this, a 100% stacked area chart is sufficient. A 100% stacked area chart only differs from a stacked area chart visually: the stacked areas have the same length. This highlights the differences in the composition of each stacked area. 

Step 1: Select the range of data that you want to visualize.

The dataset to be visualized, selected

Step 2: Click Insert, then click Chart.

Insert option selected on the main menu, drop down box, Chart highlighted

Step 3: The selected chart type is not a column chart by default. On the right side, the Chart editor sidebar is loaded.  Click the Setup tab if it is not yet selected, then click the drop-down box below Chart type. A list of possible chart types will be loaded. Look for the 100% stacked area chart, and click it. 

Chart editor, Setup tab, Chart type, 100% stacked area chart selected

Step 4: We now have a 100% stacked area chart. To add a title to the chart, go to the Customize tab in the Chart editor, then click Chart axis & titles

Chart editor, Customize tab. Chart & axis titles option highlighted.

Step 5: If you want to add a chart title, make sure that the drop-down box displays the option Chart title. On the text box below the drop-down box, type the title of the chart. 

Chart & axis titles option. Chart title selected. Title text: Annual Sales 2020.

Step 6:. Here are some options in modifying the title of the chart: 

  • To change the font of the title, click the drop-down box below the label Title font. There are 12 fonts to choose from such as Arial, Georgia, and Verdana. 
  • To change the size of the title, click the drop-down box below the label Title font size. You can select from a range of 10 to 36. You can also specify a value beyond the given options. Lastly, you can choose Auto to let Google Sheets adjust the font size fit for the given chart.
  • To center align the title go to Title format, then click the Alignment option. Click the Center option. 

We now have the following chart!

100% stacked area chart with title and axis labels

Click here to learn how to add the title, axis labels, or change the colors.

How to create stepped area charts

Stepped area charts combine features of column and area charts, and can be used to show the progression of values over time. Once you have inserted a chart, go to the Chart editor sidebar on the right side of Google Sheets. Click the Setup tab, then click the drop-down box below Chart type. A list of possible chart types will be loaded. Take note of the following icons to select a type of stepped area chart:

Stepped area chart:

Chart editor, Setup tab, Chart type, stepped  area chart selected

Stacked stepped area chart:

Chart editor, Setup tab, Chart type, stacked stepped area chart selected

100% stacked stepped area chart:

Chart editor, Setup tab, Chart type, 100% stacked stepped  area chart selected

The resulting charts are as follows:

Stepped area chart:

Stepped area chart

Stacked stepped area chart:

Stacked stepped area chart

100% stacked stepped area chart:

100% stacked stepped area chart

A sample sheet to check

If you got a bit lost, or just want to check if you are doing it right, here is a sample sheet that you can open to see how they work:

Area Chart Sample Sheet

Get Google Sheets productivity and automation tips delivered straight to your inbox
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
We'll email you 1-3 times a week — and never share your information.

Work less, automate more!

Use Lido to connect your spreadsheets to email, Slack, calendars, and more to automate data transfers and eliminate manual copying and pasting. View all use cases ->