Intended audience: end-users analysts developers administrators
AO Platform: 4.4
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.
Example
Configuration of Area Chart
DATA Properties
|
|
|
Label |
UI Widget |
Default |
Description |
|---|---|---|---|
|
Dropdown w/Expression option |
|
The X-axis Field allows users to select the MSO Field Property to represent the X-axis values in the Chart. |
|
ON/OFF Toggle |
OFF |
If enabled, select a single Series Type and Series Field below. If disabled, choose one or more Series Fields below. |
|
Repeater Dropdown w/Additional Properties, Expression, and Color options |
|
The Series Fields allow users 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 enabling or disabling the application of data styles to the series field. |
|
… Series Name |
Text Field |
|
The Series Name allows users to enter Series Names that will be used to identify the data Series in the 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. |
|
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. |
|
Dropdown w/Additional Properties and Expression options |
|
The Series Fields allow users 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:
|
|
… 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. |
|
… Exclude Zero Values |
ON/OFF Toggle |
OFF |
If enabled, zero values will be excluded. |
|
… Additional Properties |
Key / Value - Text Fields |
|
Optional Additional Properties - expressed as a Key/Value pair. |
|
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. |
|
Number Field |
|
Option to set a maximum number of records to be used by the chart. |
|
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. |
|
Dropdown |
|
Option to set the Sort order for data in the chart to either Ascending or Descending. |
|
Dropdown |
|
The dropdown Base Series field allows the user to select an option relating to each series Field, such as Bell Curve, Histogram, Pareto. |
|
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/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. |
|
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. |
|
ON/OFF Toggle |
OFF |
If enabled, all records, otherwise excluded by the LIMIT clause when “Show TopN Plus Other” is enabled, and used by the App, will be shown on the App’s Data tab as well as in the Download Data option. |
|
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 Properties
|
Label |
UI Widget |
Default |
Description |
|---|---|---|---|
|
Dropdown |
|
Option to select the format of the X-Axis, including Linear, Logarithmic, DateTime, Category, Color, and BellCurve. |
|
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. |
|
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 |
|
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. |
|
Text Field |
|
Enter the Title for the X-Axis. |
|
Text Field |
|
Enter the Title for the Y-Axis. |
DATA LABELS Properties
|
Label |
UI Widget |
Default |
Description |
|---|---|---|---|
|
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. |
|
Text Field w/Search |
|
The Data Label JS function allows users to search for and configure a JavaScript function that defines the display or behavior of data labels in a chart. |
|
ON/OFF Toggle |
OFF |
If enabled, Data Labels will be gradually rendered in the chart. |
|
ON/OFF Toggle |
ON |
If enabled, the chart will allow drilldown when clicking on data points. |
EVENTS Properties
|
Label |
UI Widget |
Default |
Description |
|---|---|---|---|
|
Text Field w/Search |
|
The On Click JS function allows users to search for and configure a JavaScript function that defines the behavior when the user clicks a data point in the chart. If left empty, the default behavior for the chart will be used. |
|
Text Field w/Search |
|
The On Double Click JS function allows users to search for and configure a JavaScript function that defines 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. |
|
Text Field w/Search |
|
|
|
Text Field w/Search |
|
The Data Param JS Function allows users to search for and configure a JavaScript function that defines data parameters being used as input to the chart. |
TOOLTIP Properties
|
Label |
UI Widget |
Default |
Description |
|---|---|---|---|
|
ON/OFF Toggle |
ON |
If enabled, a tooltip will show on hover of data values. |
|
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. |
|
Key / Value - Text Fields |
|
Optional Additional Tooltip Properties - expressed as a Key/Value pair. |
ZONE Properties
|
Label |
UI Widget |
Default |
Description |
|---|---|---|---|
|
Dropdown |
|
The Zone Axis dropdown allows the user to select different zones within the chart, which is often used for visual emphasis or categorization. |
|
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 Properties
|
Label |
UI Widget |
Default |
Description |
|---|---|---|---|
|
ON/OFF Toggle |
Disabled |
If enabled, shows the Area Chart as a 3D chart with some depth and at a rotated angle. |
|
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. |
Contact App Orchid | Disclaimer