Skip to main content
Skip table of contents

Curation - Area Range Chart

Intended audience: END-USERS ANALYSTS DEVELOPERS ADMINISTRATORS

AO Platform: 4.3

Overview

This section contains an overview of Area Range Chart. The Area Range Chart allows users to visualize multiple time series or categorical data series while highlighting volume differences between y-axis series.

Configuration of Area Range Chart

image-20250303-105651.png
image-20250205-101649.png

image-20250303-111851.png
image-20241206-111549.png
image-20250228-145250.png
image-20241206-111555.png
image-20241206-111600.png
image-20250303-111916.png

Properties

Label

UI Widget

Default

Description

DATA

  • X-Axis Field

Dropdown w/Expression option

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

  • Show Series Data in Row

ON/OFF Toggle

OFF

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

… Series Type Field

Dropdown w/Expression option

The Series Type Field dropdown in Area Range Chart curation allows users to specify a field that determines the type of series displayed in the chart. This property is only available if Show Series Data in Row is enabled.

… Colors

Text Field w/Color Palette option

The Colors allows the user to select which color to use for the area range of the chart. See Curation - Field Properties - Data Styles | Selection-of-Color. This property is only available if Show Series Data in Row is enabled.

  • Series Fields

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

The Series Field allows the 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 Range Chart.

… Use Series Field to Apply Data Styles

ON/OFF Toggle

OFF

The 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 Name

Text Field

The Series Name allows the 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.

  • Min Field

Dropdown w/Additional Properties and Expression options

The Min Field allows the user to select an MSO Field Property to represent the minimum values for the data in the Series.

… 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 the Legend.

  • Max no. of records

Number Field

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

  • Sort By Field

Dropdown

The Sort 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, or 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 allow 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, BellCurve.

  • 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 can 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, the Area Range Chart curation controls data labels are loaded gradually as the chart is interacted.

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, 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 Range Chart,

… Zone Color

Text Field

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

… Additional Properties

Key / Value - Text Fields

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

STYLES

  • Disable Animation

ON/OFF Toggle

OFF

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

Examples of Curated Area Range Chart

image-20250120-145255.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.