Skip to main content
Skip table of contents

Curation - Area Chart

Intended audience: END-USERS ANALYSTS DEVELOPERS ADMINISTRATORS

AO Platform: 4.3

Overview

This topic contains an overview of the Area Chart. The Area Chart functions the same way as a Line Chart, only it fills the area between the line and the threshold, which is 0 by default. Area Charts are useful for showing cumulative values or trends while highlighting the volume for the y-axis series.

Configuration of Area Chart

image-20250104-055146.png
image-20250204-120507.png
image-20241206-111822.png
image-20241206-111549.png
image-20250228-145250.png
image-20241206-111555.png
image-20241206-111600.png
image-20241206-111607.png

Properties

Label

UI Widget

Default

Description

DATA

  • X-axis Field

Dropdown w/Expression option

The X-axis Field allows user to select the MSO Field Property to represent the X-axis values in the Chart.

  • Show Series Data In Row

ON/OFF Toggle

Disabled

If enabled, select a single Series Type and Series Field below. If disabled, choose one or more Series Fields below.

  • Series Fields

Repeater Dropdown w/Additional Properties, Expression, and Color options

The Series Fields allows user to select an MSO Field Property to represent the Series Field.

… Active

ON/OFF Toggle

ON

If enabled, the feature or data series is active and will be applied or shown in the Area Chart.

… Use Series Field to Apply Data Styles

ON/OFF Toggle

OFF

The ON/OFF toggle refers to enable or disable the application of data styles to the series field.

… Series Name

Text Field

The Series Name allows user to enter Series Names that will be used to identify the data Series in Legend.

… Y-Axis Name

Text Field

The Y-Axis Name field displays the name of Y-Axis.

… Exclude Zero Values

ON/OFF Toggle

OFF

If enabled, zero values will be excluded. By default, this setting is disabled.

… Additional Properties

Key / Value - Text Fields

Optional Additional Properties - expressed as a Key/Value pair.

  • Series Type Field

Dropdown w/Expression option

The Series Type Field dropdown in Area Chart curation allows users to specify a field that determines the type of series displayed in the chart.

  • Series Field

Dropdown w/Additional Properties and Expression options

The Series Fields allows user to select an MSO Field Property to represent the Series Field.

… Use Series Field to Apply Data Styles

ON/OFF Toggle

OFF

The Use Series Field to Apply Data Styles ON/OFF Toggle controls whether data styles are applied based on the series field:

  • ON: Data styles will be applied dynamically according to the series field.

  • OFF: Data styles will not be influenced by the series field.

… Series Names

Name / Display Name - Text Fields

The Series Name allows the user to enter Series Names that will be used to identify the data Series in Legend.

… Exclude Zero Values

ON/OFF Toggle

OFF

If enabled, zero values will be excluded. By default, this setting is disabled.

… Additional Properties

Key / Value - Text Fields

Optional Additional Properties - expressed as a Key/Value pair.

  • Colors

Text Field w/Color Palette option

The Colors allows user to select which color to use for the areas for the series. See Curation - Field Properties - Data Styles | Selection-of-Color.

  • Max no. of records

Number Field

Option to set a maximum number of records to be used by the chart.

  • Sort By Field

Dropdown

The Sory By Field option allows users to select a field to sort the data and also provides the flexibility to define a custom expression for more advanced sorting criteria.

  • Sort Direction

Dropdown

Option to set Sort order for data in the chart to either Ascending or Descending.

  • Base Series

Dropdown

The dropdown Base Series field allows the user to select an option relating to each series Field, such as Bell Curve, Histogram, Pareto.

  • Apply when shown from a Connected MSO

ON/OFF Toggle

OFF

The Apply When Shown from a Connected MSO ON/OFF Toggle determines whether the settings or actions are applied specifically when data is displayed through a connected MSO.

  • ON: The feature or behavior is applied when the data originates from the connected MSO.

  • OFF: The feature or behavior is not applied, regardless of the connected MSO.

  • Apply Curation Data Size for the App Data

ON/OFF Toggle

OFF

If enabled, the Record Count rules will be applied. If the Record Count rules are not met, the series will not be shown.

  • Show TopN Plus Other

ON/OFF Toggle

OFF

If Show TopN plus Other is enabled, the App will display only the Top N records and a single aggregated category representing all other records. An MSO Setting determines the number of records shown for the Top N in the Easy Answers section. If disabled, the App will display all records based on the user's query.

  • Additional Tooltip Data Properties

Display Name - Text Field

MSO Property - Dropdown

The Additional Tooltip Data Properties allows the user to select one or more MSO Field Properties to display their values in the tooltip when the user hovers over a data point.

AXIS

  • X-Axis Type

Dropdown

Option to select the format of the X-Axis, including Linear, Logarithmic, DateTime, Category, Color, and BellCurve.

  • Show Data as Stacked

ON/OFF Toggle

OFF

If enabled, data for multiple series will be displayed as stacked for each X-axis value. If disabled, the data will be shown as grouped.

  • Add Reference Links in X-Axis Label

ON/OFF Toggle

OFF

If enabled, X-axis labels will be converted into clickable links, with their content defined by the JavaScript in the Link JS Function. When disabled, the labels will not include links.

… Link JS Functions

Text Field w/Search

The Link JS function allows the user to select from an existing JavaScript Function to be used to generate links for the X-Axis Labels

  • Show Axis Titles

ON/OFF Toggle

OFF

If enabled, titles will be added to both the X-axis and Y-axis. If disabled, the X-axis and Y-axis will not have titles.

… X-Axis Title

Text Field

Enter the Title for the X-Axis.

… Y-Axis Title

Text Field

Enter the Title for the Y-Axis.

DATA LABELS

  • None/Percentage/Value

Dropdown w/Additional Properties option

Show Percentage

Optional Additional Properties - expressed as a Key/Value pair.

… Additional Properties

Optional Additional Properties - expressed as a Key/Value pair.

  • Data Label JS Function

Text Field w/Search

The Data Label JS function allows users to search for and define JavaScript functions that control the display or behavior of data labels in a chart.

  • Lazy Load Data Labels

ON/OFF Toggle

OFF

If enabled, Data Labels will be gradually rendered in the chart.

EVENTS

  • On Click JS Function

Text Field w/Search

The On Click JS function allows users to search for and define JavaScript functions that control the behavior when the user clicks a data point in the chart. If left empty, the default behavior for the chart will be used.

  • On Double Click JS Function

Text Field w/Search

The On Double Click JS function allows users to search for and define JavaScript functions that control the behavior when the user double clicks a data point in the chart. If left empty, the default behavior for the chart will be used.

TOOLTIP

  • Show X-Axis Name in Tooltip

ON/OFF Toggle

OFF

If enabled, the tooltip displayed when hovering over data in the App will include the X-Axis name. If disabled, only the data value will be shown, without the X-axis name

  • Additional Tooltip Properties

Key / Value - Text Fields

Optional Additional Tooltip Properties - expressed as a Key/Value pair.

ZONE

  • Zone Axis

Dropdown

The Zone Axis dropdown allows the user to select different zones within the chart, which is often used for visual emphasis or categorization.

  • Zone Axis Properties

Dropdown w/Additional Properties and Expression options

The Zone Axis Properties dropdown allows users to customize the properties of the Zone Axis in an Area Chart,

… Zone Color

Text Field

The Zone color refers to the color applied to different zones within a chart or graph.

… Additional Properties

Key / Value - Text Fields

Optional Additional Tooltip Properties - expressed as a Key/Value pair.

STYLES

  • Show in 3D

ON/OFF Toggle

Disabled

If enabled, shows the Area Chart as a 3D chart with some depth and at a rotated angle.

  • Disable Animation

ON/OFF Toggle

Disabled

If enabled, the Disable Animation toggle refers to turning off any animated transitions or effects that occur when the chart or visualization is rendered or updated.

Examples of Curated Area Chart

image-20250120-144944.png


Contact App Orchid | Disclaimer

JavaScript errors detected

Please note, these errors can depend on your browser setup.

If this problem persists, please contact our support.