Area chart
Last updated
Last updated
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.
To view the automobile sales of a manufacturer over a period of time.
To view the revenue growth of an organization by quarter wise.
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.
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.
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.
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.
The user can enable the internal legend if we want to show and can change the font size, color, and style.
The user can enable the subtitle if we have any second title and also, we can change the Name, Font color, size, and style.
The user can change Title Name, Font color, Font size, Font style.
The user can show the description of the series by enabling the tooltip.
The user can change the axis name, Font color, Font size; enable the axis line, and change the axis color of the X-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.
The user can export the chart by configuring the required fields from this option.
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.
The following data was used to generate the given example:
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.
It is possible to get the following variants of the Area chart by changing the Properties.
| Year | NorthAmerica | Europe | Asia |
|---|---|---|---|
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
