Charting

The Charting widget displays quantitative attributes from a data source as a graphical representation. It allows end users to visualize and observe possible patterns and trends from raw data.

Basic Chart

Use this widget to create a simple column, line or area chart with multiple time-series data.

Examples include:

  • Comparing system performance

  • Monitoring equipment trends

  • Analyzing comfort or sustainability benchmark performance

Widget Functions

Examples below show the Basic Chart Widget Configuration entry fields and resultant effect on the widget displayed.

Basic Chart Widget Configuration
Resultant Charting Widget

*Widget Title, Y Axis, Configuration of Data Streams, and Global Date Range Setpoint (GDRS) are foundational features in widgets that ensure usability and integration. Further information on these features can be found in Widgets Introduction.

  1. Background Color Range Defines a set of colors applied to the chart's background, highlighting specific data ranges. Colors can be selected through the color selector, HEX code or RGB code.

    1. Range Name: A label identifying a specific data range or segment within the chart.

    2. Axis: Represents the reference lines (Y) used to plot and interpret data on the chart.

    3. Start: Specifies the beginning value or point of a data range on the Y axis

    4. End: Specifies the ending value or point of a data range on the Y axis.

    5. Color: The specific color assigned to the data range background for the visualization. Colors can be selected through the color selector, HEX code or RGB code.

String Chart

Use this for a 'Basic Chart' which uses strings rather than numerical values on the y-axis. A string chart widget is ideal for visualizing and tracking categorical or state-based data over time.

Examples include:

  • Tracking operational performance

  • Monitoring equipment status

  • Visualizing alarm or fault states

  • Monitoring access and security

  • Tracking state changes over time

Widget Functions

Examples below show the String Chart Widget Configuration entry fields and resultant effect on the widget displayed.

String Chart Widget Configuration 1
String Chart Widget Configuration 2
Resultant Charting Widget

*Widget Title, Y Axis, Configuration of Data Streams, and Global Date Range Setpoint (GDRS) are foundational features in widgets that ensure usability and integration. Further information on these features can be found in Widgets Introduction.

  1. State Name Converter A feature that translates raw state values (e.g. numeric or coded data) into meaningful, readable state names for display on the string chart.

Stacked Chart

Use this for a 'Basic Chart' which allows y-axis data to be stacked. A stacked chart widget is particularly useful for visualizing the contribution of individual components to a total value.

Examples include:

  • Resource consumption and usage breakdown

  • Site energy, water and gas comparison

  • Occupancy trends

  • Performance benchmarking

  • Cost breakdown

Widget Functions

Examples below show the Stacked Chart Widget Configuration entry fields and resultant effect on the widget displayed.

Stacked Chart Widget Configuration 1
Stacked Chart Widget Configuration 2
Resultant Charting Widget

*Widget Title, Y Axis, Configuration of Data Streams, and Global Date Range Setpoint (GDRS) are foundational features in widgets that ensure usability and integration. Further information on these features can be found in Widgets Introduction.

  1. Series Type Determines which data belongs to which stacked column (up to 2x stacked columns).

Peak Demand

Find the highest power value within the time-series data stream and compare this with the overall highest value. This chart helps visualize periods of highest demand or usage, providing insights into trends and potential cost optimization opportunities.

Examples include:

  • Energy and resource consumption optimization

  • Network traffic analysis

  • Data center resource system stability

  • System benchmarking performance

Widget Functions

Examples below show the Peak Demand Chart Widget Configuration entry fields and resultant effect on the widget displayed.

Peak Demand Chart Widget Configuration 1
Resultant Charting Widget

*Widget Title, Y Axis, Configuration of Data Streams, and Global Date Range Setpoint (GDRS) are foundational features in widgets that ensure usability and integration. Further information on these features can be found in Widgets Introduction.

  1. Select Display Icon Allows users to choose an icon to visually represent specific data points or conditions on the chart.

  2. Target Sets a reference or goal value on the chart for comparison against actual data.

  3. Text Provides the option to display descriptive labels, annotations, or additional information on the chart.

Baseline Compare

Compare selected period of a time-series data stream against previous period of same data stream.

Examples include:

  • Energy, water and gas efficiency monitoring

  • Building systems performance comparison

  • Carbon emissions tracking

  • Occupancy and space utilization monitoring

Widget Functions

Examples below show the Baseline Compare Chart Widget Configuration entry fields and resultant effect on the widget displayed.

Baseline Compare Chart Widget Configuration 1
Resultant Charting Widget

*Widget Title, Y Axis, Configuration of Data Streams, and Global Date Range Setpoint (GDRS) are foundational features in widgets that ensure usability and integration. Further information on these features can be found in Widgets Introduction.

  1. Previous Period Color Specifies the color used to represent data from the previous period on the chart, enabling easy comparison with the current period. Colors can be selected through the color selector, HEX code or RGB code.

Condition Duration

Use this condition widget to capture condition-based monitoring of any data stream. Ie. fault analysis, people counting, alarms raised.

Examples include:

  • Equipment runtime monitoring

  • Energy, water and gas demand monitoring

  • System fault or alarm monitoring

  • Water leak detection

  • Occupancy patterns

  • Environmental condition monitoring

Widget Functions

Examples below show the Condition Duration Chart Widget Configuration entry fields and resultant effect on the widget displayed.

Condition Duration Chart Widget Configuration 1
Resultant Charting Widget

*Widget Title, Y Axis, Configuration of Data Streams, and Global Date Range Setpoint (GDRS) are foundational features in widgets that ensure usability and integration. Further information on these features can be found in Widgets Introduction.

  1. Duration Rule Defines the logic or condition to evaluate a specific time duration (e.g. greater than, less than).

  2. Duration Rule Value The binary value used to display on the chart for comparison (e.g. 0 or 1).

  3. Duration Text Custom text displayed to describe or label the duration when the condition is met (e.g. Online or Offline).

Column Range

Use this column range widget to show the min, avg, and max value for any selected data stream. Typically used for capturing consumption data sets, temperature changes, voltage range and equipment runtime or fault status.

Examples include:

  • HVAC range monitoring

  • Energy, water and gas usage patterns

  • Occupancy behaviors

  • Building energy consumption comparison

Widget Functions

Examples below show the Column Range Chart Widget Configuration entry fields and resultant effect on the widget displayed.

Column Range Chart Widget Configuration 1
Resultant Charting Widget

*Widget Title, Y Axis, Configuration of Data Streams, and Global Date Range Setpoint (GDRS) are foundational features in widgets that ensure usability and integration. Further information on these features can be found in Widgets Introduction.

Last updated