An area chart is a line chart where the area between the line and the threshold/axis are shaded with a colour. Area charts are like line charts, but shade below the lines to help show the magnitude of trends.
Let's take an example to draw the area chart. Taking the visible dimensions as Week and the metrics as the Total SEM Cost and Total Ad Spend.
By default, the area chart draws the series with both the axes of metrics on the same side. Let's try adding a new axis - To do that, go to Style > Axes > Drop to add new axis.
Also, by default, the area chart overlaps the area of the metrics chosen first with the latter.
As you can see, that the metric - Total SEM Cost is being overlapped by Total Ad Spend. Interchanging them results into this —
So, the metric which is chosen first would be the one overlapped by the later metric. Now, you could also add more details to the area chart by showing labels. To Show Labels, go to Style > Check on Show Labels. Adding labels to your chart makes it more detailed and makes the chart look like this —
One of the best things about labels is that if the values of the labels are very near to each other, it would intelligently show only one value which makes the chart look more aesthetic. Also, resizing a widget (making it bigger) increases the space between labels thereby showing up more or all of the labels.
Area Chart allows you to have multiple dimensions and metrics too.