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:
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 |
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