Time Series Chart Widget Extension Properties
The properties of Time Series Chart widget extension follow:
|
Property Name
|
Description
|
Base Type
|
Default Value
|
Bindable? (Y/N)
|
Localizable? (Y/N)
|
||
|---|---|---|---|---|---|---|---|
|
NumberOfSeries
|
Defined number of series in the chart. Can have up to eight series.
|
NUMBER
|
1
|
N
|
N
|
||
|
Data
|
Data source. This property is not displayed if SingleDataSource is unchecked.
|
INFOTABLE
|
n/a
|
Y
|
N
|
||
|
ChartTitle
|
The title of the chart.
|
STRING
|
n/a
|
Y
|
Y
|
||
|
ShowAxisLabels
|
Display major axis labels.
|
BOOLEAN
|
True
|
N
|
N
|
||
|
X-AxisLabel
|
Text label for the x-axis.
|
STRING
|
X Axis
|
N
|
Y
|
||
|
X-AxisField
|
The property that displays on the bottom of the x-axis on the chart.
|
MENUNAME
|
n/a
|
Y
|
N
|
||
|
Re-Sort
|
Resorts all the data by the x-axis date field. This is useful if you provide data from a service that doesn’t sort according to the datetime field.
|
BOOLEAN
|
False
|
N
|
N
|
||
|
Y-AxisLabel
|
Text label for the y-axis.
|
STRING
|
Y Axis
|
N
|
Y
|
||
|
LabelAngle
|
Tilts X-Axis values diagonally to a degree value. Useful for long values on the x-axis.
|
INTEGER
|
0
|
N
|
N
|
||
|
Interpolation
|
The way lines are drawn in the chart Options:
• Linear: a straight line from each data point.
• Smooth: Curved lines.
• Less Smooth: Curved lines, but less smooth.
• Stepped Before: staircase format, all lines are vertical or horizontal.
• Stepped After: This will enable the changes that we make in the data to reflect in the data points.
|
STRING
|
Linear
|
N
|
N
|
||
|
Duration (ms)
|
The length/speed of transitions when values change in the chart
|
NUMBER
|
500
|
N
|
N
|
||
|
ChartBodyStyle
|
The overall style of the chart. The default is transparent
|
STYLEDEFINITION
|
(transparent)
|
N
|
N
|
||
|
ChartTitleStyle
|
The style of the chart title (at the top).
|
STYLEDEFINITION
|
N
|
N
|
|||
|
ChartAxisStyle
|
The style of the axis grid and outline.
|
STYLEDEFINITION
|
N
|
N
|
|||
|
ChartFocusStyle
|
The style of the chart focus outline.
|
STYLEDEFINITION
|
N
|
N
|
|||
|
ChartTitleAlignment
|
The alignment for the title of the chart. Options: Left, Center, and Right.
|
STRING
|
Center
|
N
|
N
|
||
|
ShowZoomStrip
|
Display the zoom control below the chart.
|
BOOLEAN
|
False
|
N
|
N
|
||
|
ShowInteractiveGuideline
|
Displays an advanced tooltip with series data details under user’s mouse.
|
BOOLEAN
|
False
|
N
|
N
|
||
|
FillArea
|
Fill the area below the line with a translucent color that matches the series.
|
BOOLEAN
|
False
|
N
|
N
|
||
|
ShowLegend
|
Display or hide the legend for multiple series. The legend displays at the top of the chart. Chart and legend adjust to fit at runtime.
|
BOOLEAN
|
True
|
N
|
N
|
||
|
AutoScale
|
Automatically scale the chart to see all data on the y-axis.
|
BOOLEAN
|
True
|
N
|
N
|
||
|
X-AxisIntervals
|
Preferred x-axis intervals. Options: Auto and One Per Row.
|
STRING
|
Auto
|
N
|
N
|
||
|
Show X-AxisLabels
|
Displays the x-axis labels.
|
BOOLEAN
|
True
|
N
|
N
|
||
|
Show Y-AxisMinMax
|
Displays the y-axis min and max values as axis labels. (highest and lowest data points)
|
BOOLEAN
|
True
|
N
|
N
|
||
|
Y-AxisIntervals
|
Preferred y-axis intervals. Options: Auto and One-Per-Row.
|
STRING
|
Auto
|
N
|
N
|
||
|
Y-AxisMinimum
|
The minimum range for the y-axis.
|
NUMBER
|
0
|
Y
|
N
|
||
|
Y-AxisMaximum
|
The maximum value for the y-axis.
|
NUMBER
|
100
|
Y
|
|||
|
DataFieldn
|
Series data field n
|
MENUNAME
|
n/a
|
Y
|
N
|
||
|
DataLabeln1
|
The label for data field n
|
STRING
|
n/a
|
Y
|
Y
|
||
|
SeriesStylen1
|
The style for series style n
|
STYLEDEFINITION
|
n/a
|
N
|
N
|
||
|
ShowDataLoading
|
Displays a spinning icon when data is loading.
|
BOOLEAN
|
True
|
N
|
N
|
||
|
DoubleClicked
|
An event is fired when the chart is double-clicked.
|
n/a
|
Y
|
N
|
|||
|
Z-index
|
The ordering for layering widgets
|
NUMBER
|
10
|
N
|
N
|
||
|
Visible
|
Display the chart in run time.
|
BOOLEAN
|
True
|
Y
|
N
|
||
|
TimeScale
|
Sets the time format that appears on X axis as Auto-Detect, Date, Time, Date with time, Time with milliseconds, or Date and time with milliseconds.
|
STRING
|
Auto-Detect
|
N
|
N
|
||
|
DateOrder
|
Sets the date format when the TimeScale property setting contains a date.
|
STRING
|
Year-month-day
|
N
|
N
|
||
|
LegendLocation
|
Sets the location of the legend at the Top, Bottom, Left, or Right of the chart.
|
STRING
|
Top
|
N
|
N
|
||
|
LegendOrientation
|
Displays the legend vertically or horizontally.
|
STRING
|
Horizontal
|
N
|
N
|
||
|
X-AxisMinimum
|
Sets the minimum time range on the X axis.
|
DATETIME
|
n/a
|
Y
|
N
|
||
|
X-AxisMaximum
|
Sets the maximum time range on the X axis.
|
DATETIME
|
n/a
|
Y
|
N
|
 |
When binding multiple datasources, you must bind to each series sequentially. If you skip a series, the datasources will still bind to them in sequential order, which may lead to a mismatch of labels and series data.
For example: With the NumberOfSeries property set to 3, data bindings are set to DataSource1 and DataSource3, but not DataSource2. At runtime, data for DataSource3 will be displayed as the data for DataSource2 in series 2, not series 3.
|