TIME CHART

Time Chart displays series values at successive time intervals. It can show one or more series, each assigned to the left or right value axis and scaled independently. Time Chart loads data for a specified time interval and updates the chart with incremental values as new data is received.

[widget] Settings

Inherited settings from Generic Widget: type, title, tooltip, left-units, top-units, width-units, height-units, time-span, path, url, alert-style, alert-expression, style, class, dialog-maximize, display-panels, format, last, min-range, max-range, min-range-right, max-range-right, rotate-ticks, axis-title, axis-title-right.

[threshold] Settings

Chart Lab: View

It is possible to set a threshold from a series. To do so, load the series you would like to use as the threshold, set display = false, and give the series an alias. Then use the set alias in the threshold value = value('alias') setting as shown in the Chart Lab example below.

Chart Lab: View

[series] Settings

Inherited settings from [widget]: markers, last-marker, column, last-value-label, step-line, disconnect-interval, disconnect-count, time-offset

Inherited settings from Generic Widget [series]: entity, metric, type, interval, rate, rate-counter, statistics, alias, alert-expression, alert-style, style, color, label, tooltip, axis, format, display, hidden, refresh-interval, retry-refresh-interval, error-refresh-interval

If you add several series with the same entity, metric and optional settings (such as label, color, format, etc.), it is enough to set the parameters only in the configuration of the first series. The next series will inherit them.­

Series Visibility

Hide series without values:

Hide series that have no data for the last 60 minutes:

Time Chart Controls

Chart Lab: View

• Modify the selection interval and aggregation period on the fly
• Add custom selection intervals and aggregation periods directly on the Time Chart
• View different aggregations without reloading the portal
• Change the chart mode at any moment: line, column, range, stack
• View your data in the appropriate format: hertz, joules, watts, bytes, percent, currency etc.
• Create custom metrics using custom formulas and aggregations
• Alerting rules directly in the portal
• Instantly generate forecasts directly in the Time Chart

Modifying Controls

Adding selection intervals and aggregation periods can be done directly in Time Chart controls by double clicking on the white-space between the intervals/periods where you would like to add a new one (as shown in the visualization below). An interval/period about half way between the two values will be added on each double click.

For example: to add a 45 minute aggregation period, double click between 30m and 1h on the aggregation period controls of the Time Chart.

To remove selection intervals and aggregation periods, simply drag and drop the undesired intervals/periods off the Time Chart controls.

See the example below of how this feature works in action:

It is possible to modify the time chart widget controls with the defaultChartConfig.script = setting under [configuration].

To manage the amount of displayed controls you can use:

defaultChartConfig.script = widget.chart.panels[1].expand(8)

Substitute the 8 with the desired amount of controls to be displayed.

Chart Lab: Example 1
Chart Lab: Example 2

To manage the individual controls use:

defaultChartConfig.script = widget.panels.type.data(['detail', 'avg', 'max', 'min', 'percentile 50', 'percentile 99', 'percentile 95', 'percentile 90', 'percentile 75', 'sum', 'count', '+'])

Add or remove each control component to show or hide it from the widgets:

detail
avg
max
min
percentile 50
percentile 99
percentile 95
percentile 90
percentile 75
sum
count
+

Chart Lab: View

Configuration Example

Chart Lab: View