Page History

New_in

Version	8.1.0

The Power Chart collects and displays data based on the pens that have been configured on the chart. Users can add or remove pens from the chart, which in turn changes the underlying data. It is fully customizable in its appearance, from labels, colors, line widths, legend, scroll bars, and text styles.

Note_friendly
The Power Chart utilizes functionality provided by the Tag Historian module, and requires a Tag Historian license to function.

The Power Chart has a responsive design and a mobile-optimized display that is different than the standard display. It has a mobile breakpoint so it fits better on mobile devices. The mobile breakpoint is 750px, and is configurable on the 'config' property, responsiveDesignWidth, which is described in the Property Table on this page. The chart can change how it's rendered when viewed on smaller devices. The image below shows how the Power Chart renders on a smaller device.

Component Anatomy

Aside from the trending area, the component features several additional areas that provide additional functionality. The diagram below identifies these areas on a standard device.

Browse Tags

The Browse Tags panel allows you to browse for any available historical data, and add it to the chart. It is similar to the Designer's Tag Browser, but this tree reports any records that are accessible from the Tag Historian system, including tables provided by the DB Table Historian Provider. There are two ways to add Tags to the chart's display:

Select any nodes (entries with the Tag icon), and click Add Selected Tags , which will add a pen to the chart that represents the node that was selected.
Drag selected nodes onto the chart. You can select multiple items by using Ctrl-click. You'll see a prompt indicating how many Tags are selected, i.e., 4 Tags.)

If there's more than one plot in the chart configuration, you will be prompted to choose which plot to add the pen to.

Pen Control

This table shows each pen that's currently on the component, offers some aggregates based on the chart's current range, and provides some quick actions such as hiding the pen and changing its color.

New_in

Version	8.1.13

The Pen Data display now supports numeric locale formatting. Numeric values are automatically formatted based on the session locale and the axes.dataFormat property.

Chart Settings

This panel allows users to add new objects to the chart, such as new axes and plots.

User Interaction

Interaction

Description

Browse Tags

Toggles the Tag Browser panel.

Date Range Selector

Allows you to set the range on the chart. There are two modes:

Realtime: Shows the most recent chart data based on the given timeframe. Useful in cases where you want to display records from now to some amount of time in the past.
Historical: Allows you to pick at start datetime and end datetime using a popup calendar.

When the chart is in Historical mode, an additional time axis appears. On this access you can narrow down what the chart is showing you to specific points of interest by clicking and dragging the mouse along the axis.

Pan and Zoom

In this mode you can drag or swipe to pan forward and backward in time. On desktop device, clicking and dragging will pan across the chart. The mouse wheel will zoom. On mobile/touchscreen device, tapping and dragging will pan. The "pinch" and "spread" gestures will zoom.

Zoom reset

To reset the zoom to default, click the zoom reset icon.

X Trace

Tap to place a vertical line, which shows an interpolated value for each pen on the plot. To clear the X Trace values, select Clear X Trace from the More Menu.

New_in

Version	8.1.13

The X Trace display now supports numeric locale formatting. Numeric values are automatically formatted based on the session locale and the xTrace.infoBox.dataFormat property.

Range Brush

Allows you to select a range of data on the chart. While a brush is active, the Pen Control Table will show aggregate summaries for the pens over the selected range. Multiple brushes will create multiple aggregation summaries.

Individual selections can be removed by clicking the trashcan icon in the Pen Control Table, or by selecting Clear Range Brushes on the More Menu.

Annotate

Click near a trend, line, or data point and you'll have the opportunity to add an annotation. The annotation is stored with the Tag Historian system, on the sqlth_annotations table. Annotations can edited by clicking the Edit icon and deleted by clicking the Delete icon, which appear when hovering over the annotation.

Full Screen

Puts the chart into full screen mode.

Settings

Opens the Chart settings panel, allowing users to modify various aspects of the chart from the session. There are four tabs: Axes, Pens, Plots, and Columns.

Tab	Description
Axes	You can add or delete Axes here, or click the Edit icon to edit an existing axis. The options are the same on the Add Axis and Edit Axes screens.
Pens	You can add or delete pens here or click the Edit icon to edit an existing pen. The options are the same on the Add Pen and Edit Pen screens.
Plots	You can add or delete plots here or click the Edit icon to edit an existing plot. The options are the same on the Add Plot and Edit Plot screens.
Columns	The Columns Chart Settings tab has options for datapoints to display on the Pen Control Panel and datapoints to display on the Range Brush Table.

More Menu

Provides additional contextual options, depending on the current state of the chart. The button to open the More Menu only appears if there is at least one pen on the chart. The following options are available:

Option	Description
Export	Takes the datapoints visible on the various plots, and exports them to a CSV.
Print	Opens print dialog box so user can print the chart.
Clear X Traces	Clears all X Traces on the chart. Only appears when there are X Traces on the chart.
Clear Range Brushes	Clears all range brushes on the chart. Only appears when there are brush selections on the chart.

Properties

Perspective_property

Name Description Property Type

config

Configuration for the data feeding the chart.

Expand

title	Click here for the config properties

Name Description Property Type

tagBrowserStartPath

A path to a nested Tag History provider structure from which browsing will start. The path is expected to contain key-value pairs separated by ":/" characters. Example:

Code Block
histprov:Sample_SQLite_Database:/drv:My_Gateway:My_Tag_Provider:/tag:My_Folder/Another_Folder

histprov - The name of the Tag Historian Provider
drv - The historian driver, which is typically a combination of a gateway name and tag provider name separated by a colon. Example: gateway:tagProvider
tag - A path to a node that has children. Typically should lead to either a folder or the root node of a UDT instance. If omitted, then the path will lead to the root of the drv,

While providing a path to this property, the tag component can be omitted, which will set the starting path for the Tag Browser panel to the root of a particular driver. For example:

Code Block
histprov:Sample_SQLite_Database:/drv:My_Gateway:My_Tag_Provider:/

value: string

mode The type of query that is being made against the data source. Options are realtime or historical. value: string

refreshRate Duration (in milliseconds) that data will be queried for updated results. (realtime mode only) value: numeric

pointCount

Number of data points returned for the selected time range.

Note_friendly
Changing the pointCount property's value to -1 will retrieve pen data points as it is stored in the database. In other words, this is the same as setting a Tag History binding's Query Mode to "AsStored". While querying data with this mode, multiple value changes at the same timestamp will result in multiple rows, one row for each unique value.

value: numeric

startDate Start date for a historical data query. (historical mode only) value: string

endDate End date for a historical data query. (historical mode only) value: string

dateFormat The date format displayed when in historical mode using a MomentJS date string (https://momentjs.com). (historical mode only) value: string

timeFormat The time format displayed when in historical mode using using a MomentJS time string (https://momentjs.com). (historical mode only) value: string

rangeSelectorPen The pen that will drive the data display of the range selector. (historical mode only) value: string

unitOfTime Time unit used for a realtime data query. (realtime mode only) value: numeric

measureOfTime Time measurement used for a realtime data query. Options are seconds, minutes, hours, days, weeks, months, or years. (realtime mode only) value: string

rangeStartDate Start date for the modified chart data range that the user has selected, either with the range brush or by panning/zooming. Read-only. value: date

rangeEndDate End date for the modified chart data range that the user has selected either with the range brush or by panning/zooming. Read-only. value: date

responsiveDesignWidth

A number (in pixels) that will be used as the switch over width to the responsive design for the chart so it fits better on mobile devices. The mobile breakpoint is 750px, and is configurable.

value: numeric

visibility

New_in

Version	8.1.2

Settings to show/hide elements within the component interface.

Expand

title	Click here for the visibility properties...

Name

Description

Property Type

showTagBrowser

Flag representing the visible state of the Tag Browser. Toggling this property will show or hide the Tag Browser.

value: boolean

showDateRangeSelector

Flag representing the visible state of the Date Range Selector. Toggling this property will show or hide the Date Range Selector.

value: boolean

showPenControlDisplay

Flag representing the visible state of the Pen Control display. Toggling this property will show or hide the Pen Control display.

value: boolean

buttons

Settings to show/hide the buttons used in the interface

Expand

title	Click here to see buttons properties...

Name	Description	Property Type
showTagBrowserButton	Flag representing the visible state of the "Open Tag Browser" and "Close Tag Browser" buttons.	value: boolean
showPanZoomButton	Flag representing the visible state of the "Pan/Zoom" toggle button.	value: boolean
showXTraceButton	Flag representing the visible state of the "X Trace" toggle button.	value: boolean
showRangeBrushButton	Flag representing the visible state of the "Range Brush" toggle button.	value: boolean
showAnnotationButton	Flag representing the visible state of the "Annotation" toggle button.	value: boolean
showFullscreenButton	Flag representing the visible state of the "Fullscreen" toggle button.	value: boolean
showSettingsButton	Flag representing the visible state of the "Settings" toggle button.	value: boolean
showMoreButton	Flag representing the visible state of the "Show More" toggle button.	value: boolean

object

export

New_in

Version	8.1.2

Settings to control the format of data exported from the chart via the More button's "Export" option.

Expand

title	Click here for the export properties...

Name	Description	Property Type
dateFormat	The date format of the exported data. See https://numeraljs.com for formats.	value: string
timeFormat	The time format of the exported data. See https://momentjs.com for formats.	value: string

object

interaction

Configuration for the presentation of, and interaction with, chart data.

Name Description Property Type

mode Current user interaction mode of the chart. Options are panAndZoom, xTrace, rangeBrush, or annotation. value: string

fullscreen

Flag representing the full screen presentation mode of the chart.

value: boolean

chartZoomLevel

New_in

Version	8.1.11

Read-only value that corresponds to the current zoom level on the chart. External changes to this value will not update the level of zoom displayed on the chart.

value: numeric

rangeZoomLevel

New_in

Version	8.1.11

Read-only value that corresponds to the current zoom level on the range brush when the chart is in Historical Mode. External changes to this value will not update the level of zoom displayed on the chart.

value: numeric

xTrace

Configuration to build the xTrace display (mode must be set to xTrace).

Expand

title	Click here to see the xTrace properties

Name

Description

Property Type

values

An array of read-only timestamp values representing the visible x-trace positions.

array

infoBox

Configuration to build the box portion of the x-trace display.

Expand

title	Click here to see the infoBox properties

Name

Description

Property Type

visible

Whether or not the box is visible.

value: boolean

showTime

Whether or not the time value above the box is visible.

value: boolean

width

The width of the box.

value: numeric

dataFormat

Anchor

	xTraceDataFormat
	xTraceDataFormat

A numeral.js data format for displaying the data for this axis. See https://numeraljs.com for formats.

New_in

Version	8.1.2

As of Ignition 8.1.2, setting the dataFormat property to an empty string will result in no formatting being applied to the value. Useful in cases where a binding is returning the data in a preformatted state.

value:string

dateFormat

The date format displayed when in historical mode using a MomentJS date string (https://momentjs.com).

value: string

timeFormat

The time format displayed when in historical mode using using a MomentJS time string (https://momentjs.com).

value: string

stroke

A configuration object describing the properties that will be applied to the stroke of the box.

Name	Description	Property Type
color	The color to apply to the line stroke, if applicable.	color
width	The width to apply to the line stroke, if applicable.	value: numeric
opacity	The opacity to apply to the line stroke, if applicable.	value: numeric
dashArray	The spacing to apply between dashes of the line stroke, if applicable.	value: numeric

object

fill

The fill configuration.

Name	Description	Property Type
color	The color to apply to the trend fill, if applicable.	color
opacity	The opacity to apply to the trend fill, if applicable.	value: numeric

object

style

Style for the box. Full menu of style options is available. You can also specify a style class.

object

line

Configuration to build the vertical line portion of the x-trace display.

Expand

title	Click here to see the line properties

Name	Description	Property Type
visible	Whether or not the line is visible.	value: boolean
color	The color to apply to the line stroke, if applicable.	color
width	The width to apply to the line stroke, if applicable.	value: numeric
opacity	The opacity to apply to the line stroke, if applicable.	value: numeric
dashArray	The spacing to apply between dashes of the line stroke, if applicable.	value: numeric
style	Style for the box. Full menu of style options is available. You can also specify a style class.	object

object

value: object

rangeBrush

Configuration to build the range brush display (mode must be set to rangeBrush).

Expand

title	Click here to see the rangeBrush properties

Name

Description

Property Type

values

An array of config objects to build each range brush.

Name	Description	Property Type
start	The start timestamp position.	value: string
end	The end timestamp position.	value: string

array

active

Configuration to build the active range brush display.

Name	Description	Property Type
color	The color of the active range brush.	color
opacity	The opacity of the active range brush.	value: numeric
style	Style settings for the active range brush. Full menu of style options is available. You can also specify a style class.	object

object

inactive

Configuration to build the inactive range brush displays.

Name	Description	Property Type
color	The color of the inactive range brush.	color
opacity	The opacity of the inactive range brush.	value: numeric
style	Style settings for the inactive range brush. Full menu of style options is available. You can also specify a style class.	object

object

annotation

Configuration to build the annotation display (mode must be set to annotation).

Expand

title	Click here to see the annotation properties

infoBox

Configuration to build the box portion of the annotation display.

Expand

title	Click here to see the infoBox properties

object

Name Description Property Type

visible Whether or not the box is visible. value: boolean

showTime Whether or not the time value above the box is visible. value: boolean

width The width of the box. value: numeric

dateFormat The date format displayed when in historical mode using a MomentJS date string (https://momentjs.com). value: string

timeFormat The time format displayed when in historical mode using using a MomentJS time string (https://momentjs.com). value: string

stroke

A configuration object describing the properties that will be applied to the stroke of the box.

Name	Description	Property Type
color	The color to apply to the line stroke, if applicable.	color
width	The width to apply to the line stroke, if applicable.	value: numeric
opacity	The opacity to apply to the line stroke, if applicable.	value: numeric
dashArray	The spacing to apply between dashes of the line stroke, if applicable.	value: numeric

object

fill

The fill configuration.

Name	Description	Property Type
color	The color to apply to the trend fill, if applicable.	color
opacity	The opacity to apply to the trend fill, if applicable.	value: numeric

Editor_notes

On 8.1.17 release, add row below fill:object

font

New_in

Version	8.1.17

A configuration object describing the properties that will be applied to the font of text in the annotation.

Name	Description	Property Type
color	The text color of the annotation label and datetime text.	color
size	The font size of the annotation label and datetime text.	value: numeric
style	Custom CSS styles to apply to the annotation text. Any style that applies to an SVG `line` element can be used. See also style options.

object

style Style for the box. Full menu of style options is available. You can also specify a style class. object

object

line

Configuration to build the connecting line portion of the annotation display.

Expand

title	Click here to see the line properties

Name	Description	Property Type
visible	Whether or not the line is visible.	value: boolean
color	The color to apply to the line stroke, if applicable.	color
width	The width to apply to the line stroke, if applicable.	value: numeric
opacity	The opacity to apply to the line stroke, if applicable.	value: numeric
dashArray	The spacing to apply between dashes of the line stroke, if applicable.	value: numeric
style	Style for the box. Full menu of style options is available. You can also specify a style class.	object

object

dot

Configuration to build the dot portion of the annotation display.

Name	Description	Property Type
visible	Whether or not the dot portion is visible.	value: boolean
color	The color to apply to the dot.	color
radius	The radius of the dot.	value: numeric
opacity	The opacity of the dot.	value: numeric
styke	The style settings for the dot. Full menu of style options is available. You can also specify a style class.	object

object

axes

Collection of predefined axes against which the data visualizations can be drawn.

Expand

title	Click here for the axes properties

Name Description Property Type

name The name of the axis. value: string

position The side of the plot upon which the axis should be drawn. Options are left or right. value: string

width The width of the axis. value: numeric

color The color of the Y axis vertical bar. color

dataFormat

Anchor

	dataFormat
	dataFormat

A numeral.js data format for displaying the data displayed in the pen control portion of the chart for this axis. See https://numeraljs.com for formats.

value: string

range

Configuration for the upper and lower limits of the axis.

Name

Description

Property Type

auto

If true, the minimum and maximum displaying values for the axis will be auto calculated.

Changed_in

Version	8.1.16

Auto range Y axes are now constrained to the upper/lower limits of the pen data bound to said axis.

value: boolean

min

Minimum range value. If no value is provided, a minimum value will be calculated from the data bound to this axis.

value: numeric

max

Maximum range value. If no value is provided, a maximum value will be calculated from the data bound to this axis.

value: numeric

object

label

The label configuration for the Y axis.

Name	Description	Property Type
text	The text of the Y axis label.	value: string
offset	Offset the Y axis label from its default position. This enables you to fine tune the label location, which may be necessary depending on the scale and how much room the tick labels take up. Value may be positive or negative. Default is 0.	value: numeric
font	Font configuration for the Y access label. Font size and color options for the font.	object
style	Style for the Y access label. Full menu of style options is available. You can also specify a style class.	object

object

tick

Tick configuration.

Name Description Property Type

color

The color of the ticks.

color

count

New_in

Version	8.1.11

Number of ticks to display on the Y axis. Default value is Auto. When the tick count is Auto, Y axis ticks will be added/removed based on the height of the chart, and the tick spacing is adjusted around whole numbers.

value: numeric or string

label

Tick label configuration

Name Description Property Type

font

Label font configuration. Font size and color options for the font.

object

format

New_in

Version	8.1.11

Sets the numeric format for the tick label. The value must be a valid D3 Format value. Default value is Auto. When the tick label format is Auto, the D3 format ~f is used. This creates a fixed point that will trim any insignificant trailing zeroes.

value: string

style Style for the tick label. Full menu of style options is available. You can also specify a style class . object

object

style Style for the tick. Full menu of style options is available. You can also specify a style class . object

object

grid

New_in

Version	8.1.16

Configuration for gridlines to display on this axis.

Name	Description	Property Type
visible	Visible state of the gridlines. Gridlines are shown only for axes that connect directly to the chart. Any satellite axes will display their tick configurations instead of gridlines.	value: boolean
color	Color of the gridlines.	color
opacity	Opacity of the gridlines.	value: numeric
dashArray	Dashed appearance of the gridlines.	value: numeric
style	Style for the gridlines. Full menu of style options is available. You can also specify a style class.	object

object

style Style for the display. Full menu of style options is available. You can also specify a style class. object

array

pens

Visual representation of each active item

Expand

title	Click here for the pens properties

Name Description Property Type

name Name of the pen. value: string

visible Whether or not the pen is visible on the chart. value: boolean

enabled Availability of the pen on the chart and pen configuration panel. value: boolean

selectable Flag to allow the pen to be responsive to user selection. value: boolean

axis Name of an axis in the "axes" array to plot against. If left blank, a default axis will be created based on data values. value: string

plot The plot to which this pen is bound. value: numeric

display

Configuration that drives the display of the pen.

Name Description Property Type

type The type of chart to be built. Options are line, area, bar, or scatter. value: string

interpolation

Type of curve that should be used to draw the line portion of the chart. Options are: curveBasis, curveBasisOpen,curveCardinal, curveCardinalOpen, curveCatmullRom, curveCatmullRomOpen, curveLinear, curveMonotoneX, curveMonotoneY, curveNatural, curveStep, curveStepAfter, or curveStepBefore.

More information on the interpolation methods above can be found in D3's documentation.

value: string

breakLine If true, the line will be broken on either side of bad/missing data values. If false, bad/missing data values are removed and the adjoining points are connected. value: boolean

styles

Settings for the display when it is normal, highlighted, selected, or muted.

Name	Description	Property Type
normal	An object providing style configuration for the “normal” state (no user interaction) of a column, or data entry, in a trend. Any color values specified here will override values set in the colorScheme or colors properties.	object
highlighted	An object providing style configuration for the “highlighted” state (mouse hover) of a column, or data entry, in a trend. Any color values specified here will override values set in the colorScheme or colors properties. The highlighted property uses the same configuration properties as the `'normal'` property above.	object
selected	An object providing style configuration for the “selected” state (mouse click) of a column, or data entry, in a trend. Any color values specified here will override values set in the colorScheme or colors properties.	object
muted	An object providing style configuration for the “muted” state (non selected) of a column, or data entry, in a trend. Any color values specified here will override values set in the colorScheme or colors properties.	object

Each of these four display settings has the same set of properties.

Expand

title	Click here to see the properties

Name Description Property Type

stroke

A configuration object describing the properties that will be applied to the stroke of the trend type being displayed (if applicable). The line , and area trend types will have these styles applied to them.

Name	Description	Property Type
color	The color to apply to the line stroke, if applicable.	color
width	The width to apply to the line stroke, if applicable.	value: numeric
opacity	The opacity to apply to the line stroke, if applicable.	value: numeric
dashArray	The spacing to apply between dashes of the line stroke, if applicable.	value: numeric

object

fill

The fill configuration.

Name	Description	Property Type
color	The color to apply to the trend fill, if applicable.	color
opacity	The opacity to apply to the trend fill, if applicable.	value: numeric

object

data

Name Description Property Type

source

Source or tag path of the data behind the pen.

Changed_in

Version	8.1.14

Non-historical tag paths are converted to a historical format ( e.g. histprov:default:/tag:_Simulator_/Ramp/Ramp0). Any updates to the pen via the UI will write the converted path back to this property. This keeps all of the data.source properties in a historical format while still allowing an initial non-historical tag path to add pen data to the chart display.

value: string

aggregateMode Mode to use to group the data. Options are: default (MinMax), Average, MinMax, LastValue, SimpleAverage, Sum, Minimum, Maximum, DurationOn, DurationOff, CountOn, CountOff, Count, Range, Variance, StdDev, PctGood, or PctBad. value: string

object

array

plots

A plot represents a row containing one or more pens.

Expand

title	Click here for the pens properties

Name

Description

Property Type

relativeWeight

Ratio between all plots.

value: numeric

color

Background color of the plot.

color

markers

An array of markers that can be added to the plot to better visualize the data being displayed.

Name

Description

Property Type

type

Type of marker to add to the plot. Options are line or band.

value: string

axis

Name of the axis against which the marker should be drawn. This must be specified for the marker to be drawn.

value: string

value

Value where the line marker should be drawn.

value: numeric

display

Configuration for the display of the marker.

Expand

title	Click here to see the display properties

Name

Description

Property Type

color

Color of the marker

color

width

Width of the line.

value: numeric

opacity

Opacity of the marker

value: numeric

dashArray

Dashed appearance of the marker.

value: numeric

label

Configuration for the label of the marker.

Name	Description	Property Type
text	Text for the label.	value: string
position	The position of the label relative to the line. Options are right or left.	value: string
font	Label font configuration. Font size and color options for the font.	object
style	Style for the label. Full menu of style options is available. You can also specify a style class	object

object

style

Style for the display. Full menu of style options is available. You can also specify a style class.

object

array

style

Style for the individual plot. Full menu of style options is available for text, background, margin and padding, border, shape and miscellaneous. You can also specify a style class

object

array

dataColumns

Configuration for the data columns that can be shown in tabular displays throughout the chart.

Name

Description

Property Type

penControl

Configuration for the data columns that can display for pens.

Expand

title	Click here for the penControl properties

Name	Description	Property Type
currentValue	Show the "current value" column for the pen based on the time range.	value: boolean
minimum	Show the "minimum" column for the pen based on the time range.	value: boolean
maximum	Show the "minimum" column for the pen based on the time range.	value: boolean
average	Show the "average" column for the pen based on the time range.	value: boolean
axis	Show the "axis" column for the pen.	value: boolean
plot	Show the "plot" column for the pen.	value: boolean
xTrace	Show the "xTrace" column for the pen based on the time range.	value: boolean

object

rangeSelection

Configuration for the data columns that can display for the range brush.

Expand

title	Click here for the rangeSelection properties

Name	Description	Property Type
first	Show the "first" column for the pen based on the time range.	value: boolean
last	Show the "last" column for the pen based on the time range.	value: boolean
average	Show the "average" column for the pen based on the time range.	value: boolean
minimum	Show the "minimum" column for the pen based on the time range.	value: boolean
maximum	Show the "minimum" column for the pen based on the time range.	value: boolean
median	Show the "median" column for the pen based on the time range.	value: boolean
delta	Show the "delta" column for the pen based on the time range.	value: boolean
sum	Show the "median" column for the pen based on the time range.	value: boolean
ucl	Show the "UCL" column for the pen based on the time range.	value: boolean
lcl	Show the "LCL" column for the pen based on the time range.	value: boolean
standardDeviation	Show the "standardDeviation" column for the pen based on the time range.	value: boolean

object

title

Configuration for the title of the chart.

Name	Description	Property Type
visible	Whether or not the title is visible.	value: boolean
text	The text for the title.	value: string
font	Title font configuration. Font size and color options for the font.	object
style	Style for the display. Full menu of style options is available. You can also specify a style class.	object

object

timeAxis

Configuration for the time axis (X axis) of the chart.

Name

Description

Property Type

visible

Whether or not the time axis is visible.

value: boolean

tickCount

The number of ticks.

value: numeric

height

The height of the time axis.

value: numeric

color

The color of the axis.

color

tick

Tick configuration.

Name

Description

Property Type

color

The color of the ticks.

color

label

Tick label configuration

Name	Description	Property Type
angled	Whether or not the tick labels are angled.	value: boolean
format	Date/time format displayed by each tick using a MomentJS data string (https://momentjs.com).	value: string
font	Label font configuration. Font size and color options for the font.	object
style	Style for the tick label. Full menu of style options is available. You can also specify a style class.	object

object

style

Style for the tick. Full menu of style options is available. You can also specify a style class.

object

grid

New_in

Version	8.1.16

Configuration for gridlines to display on this axis.

Name	Description	Property Type
visible	Visible state of the gridlines. Gridlines are shown only for axes that connect directly to the chart. Any satellite axes will display their tick configurations instead of gridlines.	value: boolean
color	Color of the gridlines.	color
opacity	Opacity of the gridlines.	value: numeric
dashArray	Dashed appearance of the gridlines.	value: numeric
style	Style for the gridlines. Full menu of style options is available. You can also specify a style class.	object

object

style

Sets a style for this timeAxis. Full menu of style options is available for text, background, margin and padding, border, shape and miscellaneous. You can also specify a style class.

object

legend

Configuration for the display of the legend for the chart.

Name	Description	Property Type
visible	Whether or not the legend is visible.	value: boolean

object

style Sets a style for this chart. Full menu of style options is available for text, background, margin and padding, border, shape and miscellaneous. You can also specify a style class. object

Component Events

Perspective_component_events

The Perspective Event Types Reference page describes all the possible component event types for Perspective components. Not all component events support each Perspective component. The Component Events and Actions page shows how to configure events and actions on a Perspective component. Component scripting is handled separately and can be accessed from the Component menubar or by right clicking on the component.

User Manual

GETTING STARTED

OTHER EDITIONS

LAUNCHERS

MODULES

PLATFORM

APPENDIX

TUTORIALS & HELPFUL TRICKS

STRATEGIC PARTNER LINKS

RESOURCES

ALL USER MANUAL VERSIONS

Employees

Versions Compared

Old Version 83

New Version 84

Key

Component Anatomy

Browse Tags

Pen Control

Chart Settings

User Interaction

Properties

Component Events