Sparkline

Generate simple sparkline charts to visualize data trends.

Use the sparkline widget to create compact and easy to understand line charts. Configure sparkline properties to insert inline lightweight charts.

Operations Hub New Layout Refer to Visuals Tab for more information on the layout of widgets in Configuration Hub.
Operations Hub Classic Layout Refer to About Widgets

Sparkline Properties

Note:
It is recommended to use the Advanced algorithm for more reliable and consistent data processing. This ensures that data is processed accurately, even when there are inconsistencies like missing or varying tag data. For more details on how the algorithms affect data processing, refer to Configuring Page Query Properties.
Field Name Description
Title Enter a title name for the sparkline. This name helps to identify the sparkline chart at runtime.
Engineering Unit Enter the engineering unit of measurement for values.
Height - 0 equals 100% Set the height in pixels. If set to 0, the sparkline chart occupies 100% of its container.
Font Color Select a font color for the title name, current value, and engineering unit.
Font Size (px) (0 equals Dynamic) Set the font size in pixels. If set to 0, the font size becomes dynamic, which means the font is re-sized based on the height of the widget.
Line Color Select a color for the line.
Line Width Enter a value in pixels that defines the thickness of the line in the chart.
Number of decimals Enter the number of decimal places to format values.

For 1 decimal place, the value is rounded off to the nearest tenths; for 2 decimal places, the value is rounded off to the nearest hundredths, so on.
Source - Value Select one of the available data binding options to fetch values from the data source. Ensure that the only output field selected is Value.

Refer to Set Up Data Binding for Widgets.
Result Set Index This property is applicable for Historian REST queries only. It allows to define which index of the result set the widget should use as input data. Default is 0.

For example, consider a Historian REST query that returns data for three tags.

  • If you want the widget to use the first tag data from the query result set, then set the index value as 0.
  • To direct the widget to use the second tag data, enter the index value as 1.
  • Similarly, you can set index values as 2, 3, 4, etc., based on the data to provide as input to the widget.
Reverse Sorting Order This property is applicable for Historian REST queries only. It helps to reverse the query result set.

Select the check box to provide the bottom record value as input to the widget.

Clear the check box to provide the top record value as input to the widget.

When you apply this property to REST queries that return more than one record for each input tag, the records of the selected tag (use Result Set Index to select the tag) are reversed.

For example, consider a Historian REST query with two input tags (tag1 and tag2); each with 100 records as result. Set the Result Set Index as 0 and verify the following:

  • If you selected the Reverse Order check box, then the 100th record (last) value of tag1 is displayed on the sparkline.
  • If you cleared the Reverse Order check box, then the first record value of tag1 is displayed on the sparkline.
Hidden Select this check box if you want to hide the widget. To show the hidden widget in Operations Hub new layout, go to Page Visuals and under Action column, select for the hidden widget. See Page Visuals Tab.