Data Types for Visualizing Tag Data

The type of input or output determines the type of tag data it accepts in its properties. Refer to the following table to format your tags for common input and output property bindings.

Input/Output	Property	Tag Data Type(s) Property Accepts	Example
Number Tank Gauge Slider	Any Range property Value	Double	2.5
Text box	Value Place holder	String	hello, world
Date/time	Any Range property Place holder	Timestamp String	04-09-2018 14:35:56
Switch Check box LED	Value	Boolean	True
Drop down list List box Radio button group	Items	String representing a JSON array of objects. Each object includes the following: label - the text displayed on the control value - the item value	[{"label":"Item 1","value":"Value 1"},{"label":"Item 2","value":"Value 2"}]
Graph	Value of individual plot	String representing a JSON array of numbers	[1.0, 2.0]
Chart	Value of individual plot	Double (one per plot value)	1.0
Tree	Items	String representing a JSON array of objects. Each object includes the following: name - String label for the item value - Value associated with the item items - Array of child items. Each child item is an array that includes name, value, and items if the child item contains more child items.	[{"name":"Item 1","value":"1","items":[{"name":"Item 1.1","value":"1.1"},{"name":"Item 1.2","value":"1.2"}]},{"name":"Item 2","value":"2","items":[{"name":"Item 2.1","value":"2.1"}]}]}]
Table	Value	Two-dimensional string array	[["1","2","3"],["4","5","6"],["7","8","9"],["10","11","12"],["13","14","15"],["16","17","18"]]
Tag grid	Columns	String representing a JSON array of objects. Each object includes the following: label - the heading for the column value - the tag property to populate the grid. Valid values include the following: path value timestamp type count min max mean collectAggregates keywords Any custom properties you define using the format properties.<propertyName>.	[{"label":"Tag Path","value":"path"},{"label":"Tag Value","value":"properties.MyCustomProperty"}]
Map	Map center Map markers Zoom level	Map center or map markers: string representing a JSON array of doubles with a size of 2. Zoom level: integer Note   Bind the center and zoom level values separately.	Map center or map marker: [32.787, -96.887] Zoom level: 10