Canvas > Using Canvas Controls and Objects > Sparkline > Sparkline Properties

Sparkline Properties

Property icon 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.

Categorizing, Sorting, and Finding Properties

You can click Categorize (Categorize), click Alphabetize (Alphabetical within Category) or click Search (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 Down arrow or Up arrow next to the group name or simply clicking anywhere in the category heading.

Sparkline Properties

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

Name

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.

Type

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.

Style

 

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.

  • Click Down arrow to reveal a drop-down menu of predetermined styles configured for the selected control.
  • Select a desired style and its properties will be applied to the control.
  • Alternately, you can create a new style based on other property values configured for the control.
  • Or you can select <None> to remove subscription to any style.

Styles are created in two ways:

  • In the control's Properties pane. Click Add a new style (Add a new style based on this control) next to the Style property, after you have configured property values in the Properties pane. See Add a new style based on a control for more information.
  • In the Canvas Settings in the Backstage view. The default style for any control is configured in the Backstage view. See Manage style sheets in the Backstage view for more information.

Tip: You can also change a control's Style on the Controls view of the Screen pane.

LocationBack to top

Height

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 Settings icon (Settings) to the right of the control in design mode) or on the Controls view of the Screen pane.

Horizontal resize mode

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:

  • None — No resizing occurs.
  • Shift — The object will shift horizontally.
  • Expand — The object will expand or shrink horizontally the same number of pixels as the screen.
  • Proportional — The object expands or shrinks proportionally to the screen.

The default value is None.

Layer

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.

  • Type the name of the layer into the Layer field.
  • All layers are listed on the Layers pane, where you can show and hide layers for the screen in design mode and run mode.

Tip: You can also edit a control's Layer on the Controls view of the Screen pane.

 

Note: Layer visibility can be controlled at runtime via the AddLayer, HideLayer, and ShowLayer methods on the Screen object.

Vertical resize mode

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:

  • None — No resizing occurs.
  • Shift — The object will shift vertically.
  • Expand — The object will expand or shrink vertically the same number of pixels as the screen.
  • Proportional — The object expands or shrinks proportionally to the screen.

The default value is None.

Visible

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

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 Settings icon (Settings) to the right of the control in design mode) or on the Controls view of the Screen pane.

X

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 Settings icon (Settings) to the right of the control in design mode.

Y

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 Settings icon (Settings) to the right of the control in design mode.

Z index

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 Settings icon (Settings) to the right of the control in design mode) or on the Controls view of the Screen pane.

ScriptBack to top

Include in 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.

SparklineBack to top

Auto range x-axis

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.

Auto range y-axis

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.

Background color

BackgroundColor

The Background color property specifies the background color of the screen, object, or control. Click Down arrow to select a color using the color picker.

Maximum Y value

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).

Minimum Y value

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).

Sparkline color

Color

The Sparkline color (or Color) property specifies the color of the sparkline. Click Down arrow to select a color using the color picker.

RangeBack to top

Date range configuration

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 Open dialog box to open the Configure Time Range dialog box, where you can configure these properties.

You can change the date and time range settings for any chart in run mode via an icon on the chart toolbar.

Date range config: Enable live updates

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.

Date range config: Update rate

AutoUpdateRate

The Update rate property specifies the number of milliseconds to wait before an auto-updated trend refreshes. The default rate is 200 milliseconds.

Date range config: Earliest (span)

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.

Date range config: Earliest (units)

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.

Date range config: Use relative date

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.

Date range config: Start (relative date)

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.

Date range config: End (relative date)

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.

Date range config: Start (absolute date)

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 Calendar to change the date using the date picker.

Date range config: End (absolute date)

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 Calendar to change the date using the date picker.

ValueBack to top

Point configuration

PointConfiguration

The Point configuration property is used to configure the CygNet point associated with the control. Click Down arrow to reveal a drop-down area where you can configure the Selection mode, source Facility tag, source SiteService, source Facility, and the UDC or Long Point ID for the point. Each option is described below.

Point configuration: Selection mode

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:

  • Facility tag — The Facility tag selector consists of a Source chooser and Resolve to a relative facility check box. If the Source is <Self> a Facility tag selector and relative facility options are also displayed. Facility tag is the default option.
  • SiteService / Facility — The SiteService / Facility selector consists of Source and SiteService and facility choosers.

Sending and receiving facility tags

Some controls on the same screen allow for the sending of facility tag information from one control to another.

  1. On the sending control configure the Facility sender mode property to send facility tag information to another control on the same screen.
  2. On the receiving control configure the Selection mode property (in either CygNet connection or Point configuration section) to Facility tag and select the Facility Source to the sending control.
  3. On the receiving control configure a display tag that associates to a facility property, e.g. %FacilityTag%.

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 Down arrow to reveal the Facility tag or Facility selector. Options include:

  • Source — Options include <Self>, Screen (default), or a list of Sender controls.
    • <Self> — Select <Self> to explicitly configure the facility for this control. A Facility tag or Facility selector is displayed, depending on the Selection mode:
      • Facility — The Facility property specifies the facility for which the control (or screen) is to display data. Click Open dialog box to select a facility using the Select Facility dialog box.
      • Facility Tag — The Facility tag property specifies the full facility tag identifier for which the control (or screen) is to display data. Click Open dialog box to select a facility using the Select Facility Tag dialog box.
    • Screen — Select Screen to inherit the facility from the screen for this control. By default, the sender is the Screen control if no other senders have been configured. Once Screen is selected Inherited from Screen will display for the Facility property.
    • Sender — A list of sender controls that have been configured with a facility will be displayed. Select the name of the control that will send its facility to this control. By default, the sender is the Screen control if no other senders have been configured. Once a sender control has been specified its name will display in the Source field.
  • Resolve to a relative facility — The Resolve to a relative facility check box redirects the source of the facility to a relative facility, overriding the configured source facility. Once selected a list of configured Relative links is displayed. See Using Relative Facilities in Canvas for more information about configuring and scripting relative facility links.
    • Relative link — The Relative link property specifies a list of all available relative facility paths. Click Down arrow to reveal a drop-down menu of all available relative facility definitions (relative links). Select a link from the list. If an order-in-type attribute is specified for the selected link, the Order in type field will display.
    • Order in type — The Order in type property specifies the attribute value used to represent the order in type (facility ordinal) if the relative facility definition is configured for one. It is possible to have multiple relative facility definition sets with the same definition name. In this case, if the specified Relative link is configured for ordinalization, then you need to configure the attribute value in the box.

Point configuration: SiteService

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 Down arrow to reveal the SiteService selector. Options include:

  • Source — Options include <Self> or Screen (default):
    • <Self> — Select <Self> to explicitly configure the SiteService for this control. A SiteService selector is displayed:
      • SiteService — The SiteService property specifies the SiteService for which the control (or screen) is to display data. Click Open dialog box to select a service using the Select Service dialog box.
    • Screen — Select Screen to inherit the SiteService from the screen for this control. By default, the sender is the Screen control if no other senders have been configured.

Point configuration: Point

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.

  • UDC — The UDC property specifies the UDC for which the control is to display data. Click Open dialog box to select a UDC using the Select UDC dialog box.
  • Long point ID — The Long point ID property specifies the long point ID of the CygNet point for which the control is to display data. Type the tag into the field.

GenericBack to top

String

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.

Yes/No

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.


Let us know how we can improve this topic.

CygNet at weatherford.com

© 2020 Weatherford. All rights reserved.