Stacked area chart

This chart shows how a measure changed over time. The area between the axis and the line is filled with colors, which shows the volume. If multiple data categories are displayed, they overlap. The top line represents all data.

It is handy to use this type of chart when it is important to see totals by category, e.g., total sales broken down by product categories.

area-chart-groupped

Source table
YearHome appliancesHousehold goodsHousehold cleaners
January 2019128K55K26K
February 201997K79K18K
March 2019187K105K41K
April 2019188K137K34K
May 2019230K121K43K
June 2019256K162K59K
July 2019284K206K67K
August 2019409K204K72K
September 2019314K209K86K
October 2019324K262K79K
November 2019385K238K101K
December 2019451K307K111K

When building a chart, make sure to select measures carefully. For example, do not add the number of customers to the sales amount, or the purchase amount to the sales amount.

Sections in the wizard

Section
in the wizard
Description
XDimension. You can only specify one field here. This dimension is usually a date. If this is the case, make sure to specify the Date data type for this field in the dataset. This is required for correct sorting and signature display. For better visualization, you can group dates into weeks, months, and years. For more information, see Field settings.
YMeasure. You can specify multiple measures. If you add more than one measure to a section, the Colors section will contain a dimension named Measure Names.
ColorsDimension or the Measure Names field. Affects the color of lines. To remove Measure Names, delete measures from the Y axis.
SortingDimension or measure. You can use a dimension from the X and Colors sections or a measure from the Y axis. This section affects the sorting of values on the X axis or areas along the Y axis. The sorting direction is marked with an icon next to the field: ascending or descending. To change the sorting direction, click the icon.
SignaturesMeasure. Displays measure values on the chart. If multiple measures are added to the Y section, drag Measure Values to this section.
SplitDimension. Splits a chart horizontally by the selected dimension's values. The maximum number of splits per chart is 25.
FiltersDimension or measure. Used as a filter.

Creating an area chart

To create an area chart:

  1. On the DataLens home page, click Create chart.
  2. Under Dataset, select a dataset for visualization.
  3. Select Stacked area chart as the chart type.
  4. Drag a dimension from the dataset to the X section. The values are displayed in the lower part of the chart on the X axis.
  5. Drag one or more measures from the dataset to the Y section. The values are displayed as areas along the Y axis.

Configuring the display of nullvalues

If the source data includes a row where the measure value is null, this point won't be shown on the chart at default settings. For example, if the source includes a row with a date (20.07.2022) but the sales amount is missing for it.

You can use settings for chart sections to show null values:

  1. In the section with a measure whose values you want to show, in the upper-right corner, click (the icon appears when you hover over the section).
  2. In Empty values (null), select Display as 0.
  3. Click Apply.

Now, the chart will use 0 instead of null.

If a row is missing in the source data, the chart section settings won't affect the measure display on the chart. For example, if the source data doesn't have a row with a certain date (20.07.2022), nothing will be shown for this date on the chart.

For more information, see Configuring the display of null values.

Recommendations

  • If the values of the categories contain a large amount of text, try to reduce it. Then the signatures on the diagram will look more accurate. You can use string functions in the calculated fields or conditional operators CASE.

  • Do not display more than three to five areas on the chart.

  • To make it easier to track the dynamics, place the largest or most important categories closer to the chart base. To do this, drag the desired measure to the Sorting section or set up their order in the Y section. For example, you can do so to track sales dynamics in, say, the Household cleaners category.

    Chart example

    area-chart-sort

  • You can split a chart by dimension into a number of small charts that are convenient to compare to one another. To do this, drag a dimension from the dataset to the Split section.

    Chart example

    area-chart-split