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.

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.

  • 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.

Axis Setup Properties:

Background Properties:

Formatter Properties:

General Properties:

Legend Properties:

Title Properties:

Tooltip Properties:

X-Axis Properties:

Y-Axis Properties:

Properties Tab from the Dataset Pallet:

  • Default Properties:

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