The Sparkline supports the following properties, which are available via the Properties pane and the Canvas script editor. Click next to any property name in the Properties pane to see a short description for the selected property.
See Accessing Screen Objects for more information about how to view control objects in script in the Canvas application.
You can click
(Categorize), click
(Alphabetical within Category) or click
(Search) within the properties using the features located immediately above the properties list. The search box is useful to help locate a property when an object contains many properties. For clarity, when you enter a search term, items matching your entry string remain displayed and non-matching items are temporarily hidden. Clear the search box to display the full properties list again.
You can expand and collapse each property category by clicking
or
next to the group name or simply clicking anywhere in the category heading.
The following table describes the property names visible in the Properties pane user interface (UI) and the corresponding script property name.
|
|
|
| UI Property | Script Property | Description |
|---|---|---|
| Name Type Style | ||
|
ControlName |
The Name property specifies the unique identifier for this control. Valid characters are A-Z, 0-9, and underscore (_). Spaces are not allowed. Names cannot start with a number. The default value is the object name and the numeric instance. The control's Name is also displayed on the Controls view of the Screen pane. |
|
|
ControlType |
The read-only Type property displays the type for the control: Chart, Grid, Heat Map, Object Container, Tag Chooser, View, etc. … The control's Type is also displayed on the Controls view of the Screen pane. |
|
|
|
The Style property defines the style sheet applied to an object on a screen. A style sheet consists of a predetermined list of properties and property values configured for a particular control type.
Styles are created in two ways:
Tip: You can also change a control's Style on the Controls view of the Screen pane. |
|
| Location |
||
|
Height |
The Height property specifies the height of the control (or screen). Tip: You can also change the height of a control using the Settings pane (click on the |
|
|
HorizontalResizeMode |
The Horizontal resize mode property specifies whether and how the control dynamically moves or resizes horizontally when the screen is resized in run mode. Options include:
The default value is None. |
|
|
Layer |
The Layer property specifies the layer for this control. Layers are used to show, hide, and edit multiple controls on one layer without affecting controls on another layer.
Tip: You can also edit a control's Layer on the Controls view of the Screen pane.
|
|
|
VerticalResizeMode |
The Vertical resize mode property specifies whether and how the control dynamically moves or resizes vertically when the screen is resized in run mode. Options include:
The default value is None. |
|
|
IsVisible |
The Visible check box indicates whether the control is visible in run mode. Tip: You can also change a control's Visible setting on the Controls view of the Screen pane. |
|
|
Width |
The Width property specifies the width of the control (or screen). Tip: You can also change the width of a control using the Settings pane (click on the |
|
|
X |
The X property specifies the location of the control along the horizontal axis. Use the up, down, left, and right arrow keys to nudge a control by 1 pixel. Arrow moves a control by 1 pixel. Ctrl+Arrow moves a control by 10 pixels. Ctrl+Shift+Arrow moves a control by 100 pixels. Tip: You can also change the location of the control using the Settings pane; click on the |
|
|
Y |
The Y property specifies the location of the control along the vertical axis. Use the up, down, left, and right arrow keys to nudge a control by 1 pixel. Arrow moves a control by 1 pixel. Ctrl+Arrow moves a control by 10 pixels. Ctrl+Shift+Arrow moves a control by 100 pixels. Tip: You can also change the location of the control using the Settings pane; click on the |
|
|
ZIndex |
The Z index property is used to determine the order in which controls are layered on top of each other. Controls with higher values will draw on top of those with lower values. The newest control added to a screen will always have the highest value and will be the top layer. Two or more controls can be on the same index (layer). Tip: You can also change the Z index of a control using the Settings pane (click on the |
|
| Script |
||
|
|
The Include in script check box indicates that the control will appear in the objects collection of the screen (if scripting is enabled). To optimize performance, best practice dictates that you only include the controls you need to manipulate via script. Other controls should be excluded. When you add an event to a control, it will be automatically added to script and the Include in script property (and the In Script check box on the Controls view) will be set to True. Tip: You can also change the Include in Script setting on the Controls view of the Screen pane. |
|
| Sparkline |
||
|
AutoRangeX |
The Auto range x-axis check box indicates whether the sparkline's x-axis is constrained to the range of values for the associated point or fixed to the configured time range (default). Configure the date and time range in the Range properties below. |
|
|
AutoRangeY |
The Auto range y-axis check box indicates whether the sparkline's y-axis is constrained to the range of values for the associated points (default) or fixed to the configured minimum and maximum values. Configure the y-axis scale in the Maximum Y value and Minimum Y value below. |
|
|
BackgroundColor |
The Background color property specifies the background color of the screen, object, or control. Click |
|
|
MaximumYValue |
The Maximum Y value property specifies the maximum value to use on the sparkline's y-axis when the Auto range - y-axis property is set to fixed (disabled). |
|
|
MaximumXValue |
The Minimum Y value property specifies the minimum value to use on the sparkline's y-axis when the Auto range - y-axis property is set to fixed (disabled). |
|
|
Color |
The Sparkline color (or Color) property specifies the color of the sparkline. Click |
|
| Range |
||
|
DateConfig |
The Date range configuration property is used to configure the range of dates to be trended in the chart or sparkline, whether to enable live data updates, the live update rate, the starting time for a trend, whether to use relative or absolute dates, and the actual date range. Click You can change the date and time range settings for any chart in run mode via an icon on the chart toolbar. |
|
|
AutoUpdate |
The Enable live updates check box indicates whether this chart or sparkline will request new data at a specified interval allowing the chart to trend data at a real-time pace. When live updates are enabled and the next poll occurs, the series line will update to reflect the slope change, if any. The interval at which the trend moves forward is defined in the Update rate. If disabled, a trend is populated once with data from the Value History Service (VHS). You can disable/enable live updates for any chart in run mode via an icon on the chart toolbar. |
|
|
AutoUpdateRate |
The Update rate property specifies the number of milliseconds to wait before an auto-updated trend refreshes. The default rate is 200 milliseconds. |
|
|
AutoUpdateEarliestSpan |
The Earliest (span) property specifies the starting date for a trend; that is, the amount of time in the past from when to start the trend. Enter a number in the text box and select a time period from the drop-down menu. For example, 8 Hours ago or 2 Days ago. |
|
|
AutoUpdateEarliestUnit |
The Earliest (unit) property specifies the unit of time in the past from when to start the trend. After entering a number in the text box, select a time period from the drop-down menu. The options include: Seconds, Minutes, Hours, Days, and Years. For example, 60 Seconds ago or 2 Hours ago. The default value is Hours. |
|
|
UseRelativeTime |
The Use relative date check box indicates whether to use relative dates and time for the chart. Use the Begin/Start and End properties to specify the relative date ranges to use in the chart. If Use relative date is unchecked all dates and time will be absolute. Use the Begin/Start and End properties to specify the absolute date ranges to use in the chart. |
|
|
RelativeStart |
The Begin relative date (or Relative start date or Start) property specifies a wildcard string defining the amount of time by which to adjust the start date and time. The space-separated elements in this string must be of the form: "x-#", "x+#", or "x=#" where # is an integer and x is one of the following unit specifiers: y — Year, m — Month, d — Day, H — Hour, M — Minute, S — Second, and # is an integer. T wildcard is also supported and must be in the form: T, T+#, T-#, where T represent today at midnight, T-1 is yesterday at midnight, and T+1 is tomorrow at midnight, etc. Any integer can be used. For example, H-8 represents data from the 8 hours before the current hour, d+3 represents data 3 days after the current day, and d+2 H+1 M+30 represents data 2 days, 1 hour and 30 minutes after the current date and time. d-4 H=6 sets the relative start date and time to four days ago (d-4) at 6:00 a.m. (H=6). See Date and Time Wildcards for more information about adjusting relative time. |
|
|
RelativeEnd |
The End relative date (or Relative end date or End) property specifies a wildcard string defining the amount of time by which to adjust end date and time. The space-separated elements in this string must be of the form: "x-#", "x+#", or "x=#" where # is an integer and x is one of the following unit specifiers: y — Year, m — Month, d — Day, H — Hour, M — Minute, S — Second, and # is an integer. T wildcard is also supported and must be in the form: T, T+#, T-#, where T represent today at midnight, T-1 is yesterday at midnight, and T+1 is tomorrow at midnight, etc. Any integer can be used. For example, H-8 represents data from the 8 hours before the current hour, d+3 represents data 3 days after the current day, and d+2 H+1 M+30 represents data 2 days, 1 hour and 30 minutes after the current date and time. d-4 H=6 sets the relative end date and time to four days ago (d-4) at 6:00 a.m. (H=6). See Date and Time Wildcards for more information about adjusting relative time. |
|
|
DateStart DateStart.Date DateStart.Day DateStart.DayOfWeek DateStart.DayOfYear DateStart.Hour DateStart.Kind DateStart.Millisecond DateStart.Minute DateStart.Month DateStart.Second DateStart.Ticks DateStart.TimeOfDay DateStart.Year |
The Begin date (or Start or Start date) property specifies the start date and time for a control (or screen or chart or column) for an absolute date and time view window. The format is MM/DD/YYYY hh:mm:ss AM/PM. The default value is the system date and time at which the control was first added to the screen. Click |
|
|
DateEnd DateEnd.Date DateEnd.Day DateEnd.DayOfWeek DateEnd.DayOfYear DateEnd.Hour DateEnd.Kind DateEnd.Millisecond DateEnd.Minute DateEnd.Month DateEnd.Second DateEnd.Ticks DateEnd.TimeOfDay DateEnd.Year |
The End date (or End) property specifies the end date and time for a control (or screen or chart or column) for an absolute date and time view window. The format is MM/DD/YYYY hh:mm:ss AM/PM. The default value is the system date and time at which the control was first added to the screen. Click |
|
| Value |
||
|
PointConfiguration |
The Point configuration property is used to configure the CygNet point associated with the control. Click |
|
|
PointConfiguration.SelectionMode |
The Selection mode property is used to determine how the control will receive CygNet information from other controls. Two options are available; click the desired radio button:
Sending and receiving facility tagsSome controls on the same screen allow for the sending of facility tag information from one control to another.
|
|
|
Point configuration: Facility tag Point configuration: Facility
|
FacilitySender IsRelativeFacilityResolutionEnabled PointConfiguration.Facility PointConfiguration.Facility.FacilityID PointConfiguration.Facility.IsBroadcastSourced PointConfiguration.Facility.IsOrderInType PointConfiguration.Facility.IsOrderInTypeAttributeConfigured PointConfiguration.Facility.IsRelative PointConfiguration.Facility.IsSelfSourced PointConfiguration.Facility.OrderInType PointConfiguration.Facility.RelativeFacilityLink PointConfiguration.Facility.ResolveRelativeFacility PointConfiguration.Facility.Source PointConfiguration.Facility.SourceFacilityID PointConfiguration.FacilityTag PointConfiguration.FacilityTag.FacilityId PointConfiguration.FacilityTag.Service PointConfiguration.FacilityTag.Site PointConfiguration.FacilityTag.SiteService PointConfiguration.FacilityTag.SiteService.Service PointConfiguration.FacilityTag.SiteService.Site PointConfiguration.SourceFacilityTag PointConfiguration.SourceFacilityTag.FacilityId PointConfiguration.SourceFacilityTag.Service PointConfiguration.SourceFacilityTag.Site PointConfiguration.SourceFacilityTag.SiteService PointConfiguration.SourceFacilityTag.SiteService.Service PointConfiguration.SourceFacilityTag.SiteService.Site PointConfiguration.SourceFacilityTagString |
The Facility tag or Facility property is where you specify the source of the facility for the control (or screen) to use. The source for the facility can be explicitly configured for this control or it can be inherited from another control on the same screen, or from the screen, or from another screen. Click
|
|
PointConfiguration.SiteService PointConfiguration.SiteService.DisplayString PointConfiguration.SiteService.DomainSiteService PointConfiguration.SiteService.DomainSiteService.DomainId PointConfiguration.SiteService.DomainSiteService.Service PointConfiguration.SiteService.DomainSiteService.Site PointConfiguration.SiteService.DomainSiteService.SiteService PointConfiguration.SiteService.DomainSiteService.SiteService.Service PointConfiguration.SiteService.DomainSiteService.SiteService.Site PointConfiguration.SiteService.IsBroadcastSourced PointConfiguration.SiteService.IsSelfSourced PointConfiguration.SiteService.SiteService PointConfiguration.SiteService.SiteService.Service PointConfiguration.SiteService.SiteService.Site PointConfiguration.SiteService.Source SiteServiceSender |
The SiteService property is where you specify the source of the SiteService for the control (or screen) to use. The source for the SiteService can be explicitly configured for this control or it can be inherited from another control on the same screen, or from the screen, or from another screen. Click
|
|
|
PointConfiguration.LongPointID PointConfiguration.PointSelectionMode PointConfiguration.PointTag PointConfiguration.UDC |
The Point property is used to determine how the CygNet point will be configured. Click the appropriate radio button to reveal the desired field.
|
|
| Generic |
||
|
String |
The String property specifies a generic string property that can be used when scripting this control. Type a string and reference it in your script as necessary. |
|
|
YesNo |
The Yes/No property specifies a generic Boolean yes/no property that can be used when scripting this control. Click the check box to enable the property and reference it in your script as necessary. |
|