Governed Dashboards
  • About Dashboard Designer
    • What is Dashboard Designer?
    • Why is it used?
  • Getting Started
    • Accessing the Designer Module
    • Overview of Designer Module
      • Homepage
        • Guided Tour
        • Left Menu Panel
          • New
          • Manage
          • Open Dashboard
          • Preferences
          • Save As
          • Help
          • Exit
      • Dashboard Canvas Page
        • Right side Panel
          • Connection Page
          • Chart Container
          • Manage Window
          • Script Window
          • Guided Tour
        • Canvas Properties
        • Context Menu Properties
  • Create New Workspace
    • Workspace Creation: Complete Flow
    • Creating a Workspace
    • Renaming a Workspace
    • Deleting a Workspace
  • Create New Dashboard
    • Dashboard Creation: Complete Flow
    • Adding a New Dashboard
    • Create Connection
    • Drag and Drop Charts
    • Associate the Dataset
    • Preview the Dashboard
    • Save the Dashboard
    • User Alert Notification
  • Managing Options for a Dashboard
    • Open Dashboard in Designer
    • Publish a Dashboard
    • Share a Dashboard
    • Dashboard Version Control
    • Action Menu
      • Preview Dashboard
      • Export to Local Disk
      • Rename
      • Delete
      • Moving a Dashboard
      • Information Icon
      • Dashboard as Template
  • Connecting to a Data Source
    • Accessing the Data Connectors
    • Establishing a Data Connection
      • CSV Connection
      • Excel Connection
      • Data Service Connection
      • Data Science Service
      • Data Store Connection
      • Data Sheet
        • Data Sheet Enhancements
      • WebSocket Connection
      • Merged Connection
  • Charts Gallery
    • Charts
      • Area chart
      • Bar Chart
      • Bubble Chart
      • Circumplex Chart
      • Column Chart
      • Funnel Chart
      • Histogram Chart
      • Inverted Funnel
      • KPI Tile
      • Line Chart
      • Map Chart
      • Mito Plot
      • Mixed Chart
      • Pie Chart
      • Project Timeline
      • Pyramid Chart
      • Spark Line
      • Scatter Plot
      • Spider Chart
      • Waterfall Chart
    • Grids
      • Data Grid
      • Paging Grid
      • Data Sheet
      • Scorecard
      • Pivot Grid
    • Filters
      • Checkbox
      • Combobox
      • Hierarchical Combobox
      • List
      • Radio Button
    • Advanced Charts
      • Box Plot
      • Candle Stick
      • Chevron
      • Data Search
      • Decision Tree
      • Group Bar
      • Group Column
      • Heat Map
      • Text Analyzer
      • Time Series
      • Decomposition
      • Tree Map
      • Trellis
      • Word Cloud
    • Other Charts
      • Box
      • Bullet
      • Date Picker
      • Export
      • Filter Chips
      • Filter Saver
      • Gauge
      • Graphics
      • Guided Tour
      • H-Slider
      • Image
      • Info Button
      • Label
      • Legend
      • Progress Pie
      • Semi Gauge
      • Stepper
      • SVG Image
      • Text Box
      • Trend
      • URL Button
      • V-Slider
      • Tab Component
      • Inputbox component
      • Button component
    • Custom Charts
    • Common Chart Properties
      • Background
      • Title & Sub-title
      • X & Y Axis Properties
      • Legend Properties
      • Formatter
      • Axis Setup
      • Export Options
  • Dashboard Objects
    • Manage Dashboard Components
    • Dashboard Objects Properties
  • Configurations
    • Filtering the Data
    • Drill Through
    • Dataset Properties
    • Indicators in Charts
    • Tooltip(Default & Custom)
    • Data Label
    • Geo Mapping
    • Language Mapping
    • Legend Mapping
    • Alerts in Grids
  • Script Help Section
    • Navigate to Script Help page
    • How to use Scripts?
Powered by GitBook
On this page
  • Best situation to use area chart
  • Default Visualization of the chart
  • Properties of the Area Chart
  • Axis Setup
  • Background
  • Formatter
  • General
  • Legend
  • Subtitle
  • Title
  • Tooltip
  • X-Axis
  • Y-Axis
  • Export Options
  • Dataset Series Properties
  • Data used
  • Various Variants of the Area chart
  • Overlaid Chart with the Line segment
  • Overlaid Chart with Line Curve
  • Stacked Chart
  • 100% Chart
  1. Charts Gallery
  2. Charts

Area chart

PreviousChartsNextBar Chart

Last updated 2 years ago

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

Area Chart in Design Mode

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

Default Dataset Properties