Area chart

An area chart or area graph displays graphically quantitively data. It is based on the line chart. The primary use of area charts is to display trends over a period of time.

Best situation to use area chart

  • To view the automobile sales of a manufacturer over a period of time.

  • To view the revenue growth of an organization by quarter wise.

Default Visualization of the chart

Properties of the Area Chart

Axis Setup

The user can enable the Auto axis, the Base Zero value, Horizontal & Vertical marker line, zero marker line and can change the color of lines, increase and decrease the color Transparency by opacity.

Background

The user can change the background color of the chart, get the border for the chart, and change the border color. Enable the shadow option to get the reflection of the chart. The user can also change the color and increase or decrease the transparency of the shadow.

Formatter

The user can change Y-Axis values in units to %, T, Lacs, M, etc. The user can set the ‘Precision’ option to get the value in decimal format. The Currency option helps to select the currency value in INR, Pound, and USD. The Position of the currency displays the selected currency symbol in prefix or suffix. For example, if the Currency symbol is rupees and the prefix option is selected, then it will be displayed on the left side. Likewise, the suffix displays the selected currency symbol on the right side. The Number formatter helps to choose whether the user wants it in Indian or International format.

General

The user can change the height, width, top and left values, chart type, column type, Line form. In this case, the user has changed the chart type to Stacked and the line form to Segment.

Legend

The user can enable the internal legend if we want to show and can change the font size, color, and style.

Subtitle

The user can enable the subtitle if we have any second title and also, we can change the Name, Font color, size, and style.

Title

The user can change Title Name, Font color, Font size, Font style.

Tooltip

The user can show the description of the series by enabling the tooltip.

X-Axis

The user can change the axis name, Font color, Font size; enable the axis line, and change the axis color of the X-Axis.

Y-Axis

The user can change the axis name, Font color, Font size; enable the axis line, and changed the axis color of the Y-Axis.

Export Options

The user can export the chart by configuring the required fields from this option.

Dataset Series Properties

The user can change the color of each series by selecting any of the series. The user can change the Line type to Dot, Dot-Dash, Straight, Dash together with the line width, point shape, point radius, and Display Name i.e. it can display a different name while previewing the dashboard, if Display Name change is selected. We can enable the Data Label which to show the Value of each Year.

Data used

The following data was used to generate the given example:

YearNorthAmericaEuropeAsia

2008

50

150

60

2009

60

100

65

2010

100

80

70

2011

150

85

75

2012

170

95

80

2013

190

75

85

2014

210

90

90

2015

225

110

95

2016

250

120

100

  • Use the Year column as Category field and the other columns as Series to plot data as shown in the given examples below:

Please Note: The Category field can be any data type line, string, or numeric. But, Series fields can be only numeric data type.

Various Variants of the Area chart

It is possible to get the following variants of the Area chart by changing the Properties.

Overlaid Chart with the Line segment

Overlaid Chart with Line Curve

Stacked Chart

100% Chart

Last updated