API / geotoolkit / widgets / timeseries / TimeSeriesObject / TimeSeriesObject
timeseries.TimeSeriesObject.TimeSeriesObject
TimeSeriesObject is a container of visuals used in TimeSeries Widget. It primarily lets you get and set options of the different visuals.
↳
TimeSeriesObject
Constructors
Methods
Css Properties
| Name | Type | Description |
|---|---|---|
curveaxis | AxisOptions | JSON which defines axis object |
curveaxis-autocoloraxis | boolean | Synchronize axis color with curve color |
curveaxis-autocolorlabel | boolean | Synchronize axis and label color with curve color |
curveaxis-autolabelrotation | boolean | Automatic label rotation |
curveaxis-axisautolabelrotation | boolean | Axis automatic label rotation |
curveaxis-axiscolor | string | Axis color is autocoloraxis is false |
curveaxis-axisvisible | boolean | Axis visibility |
curveaxis-axiswidth | number | Curve axis width |
curveaxis-baselinestyle | LineStyle | Base line style. Color set to curve's color, width = 1 by default |
curveaxis-baselinestyle-color | string | Color in CSS form |
curveaxis-baselinestyle-fill | string | Optional fill style to be used to fill lines generated with this style |
curveaxis-baselinestyle-fill | FillStyle | Optional fill style to be used to fill lines generated with this style |
curveaxis-baselinestyle-fill-color | string | Color in CSS form |
curveaxis-baselinestyle-fill-evenoddmode | boolean | Even-odd fill mode |
curveaxis-baselinestyle-fill-fillpattern | Pattern | Pattern |
curveaxis-baselinestyle-fill-fillpattern-containername | string | An optional container name, which creates an image pattern. This parameter is used for serialization if you want to save are reference to pattern instead of the pattern itself |
curveaxis-baselinestyle-fill-fillpattern-patternname | string | Name of this pattern for indexing |
curveaxis-baselinestyle-fill-fillpattern-scalable | boolean | Flag that sets scalability of the pattern coordinates, or relative to the shape it is filling (It is not supported) |
curveaxis-baselinestyle-fill-foreground | string | Foreground color |
curveaxis-baselinestyle-fill-pattern | Pattern | Pattern |
curveaxis-baselinestyle-linecap | CapStyle | The line cap style |
curveaxis-baselinestyle-linedashoffset | number | Line dash offset of dashed line |
curveaxis-baselinestyle-linejoin | JoinStyle | The line join style |
curveaxis-baselinestyle-pixelsnapmode | boolean | Pixel Snap Mode, default( |
curveaxis-baselinestyle-scalable | boolean | True if width should depend on transformation |
curveaxis-baselinestyle-unit | string | Optional unit for the width |
curveaxis-baselinestyle-width | number | string | The line thickness |
curveaxis-compact | boolean | Compact |
curveaxis-font | string | Curve axis text font |
curveaxis-labelorientation | string | number | Rotation of the curveaxis labels; can be automatic, vertical, horizontal |
curveaxis-labelorientation | Orientation | Rotation of the curveaxis labels; can be automatic, vertical, horizontal |
curveaxis-labeltext | string | Title text override |
curveaxis-logarithmicscale | boolean | Logarithmic scale |
curveaxis-position | string | Curve axis position 'left'/'right' |
curveaxis-textcolor | string | Text color if autocolorlabel is false |
curveaxis-textwidth | number | Curve text width |
curveaxis-tickgenerator | NumericTickGenerator | Tick generator |
curveaxis-tickgenerator-labelstyles | TextStyle | An object containing label style for specified grades |
curveaxis-tickgenerator-labelstyles-alignment | AlignmentStyle | Alignment |
curveaxis-tickgenerator-labelstyles-autosize | boolean | Auto font size on high definition display |
curveaxis-tickgenerator-labelstyles-background | string | Background style |
curveaxis-tickgenerator-labelstyles-background | FillStyle | Background style |
curveaxis-tickgenerator-labelstyles-baseline | BaseLineStyle | Base line |
curveaxis-tickgenerator-labelstyles-color | string | Color in CSS form |
curveaxis-tickgenerator-labelstyles-fill | FillStyle | Text fill style |
curveaxis-tickgenerator-labelstyles-font | string | Font see |
curveaxis-tickgenerator-labelstyles-fonturl | string | The place from which the font will be loaded, if null - uses system fonts. It can be base64 with url keyword |
curveaxis-tickgenerator-labelstyles-lineheight | string | number | Line height |
curveaxis-tickgenerator-labelstyles-multiline | boolean | Allow multi-line text |
curveaxis-tickgenerator-labelstyles-outline | string | Outline style |
curveaxis-tickgenerator-labelstyles-outline | LineStyle | Outline style |
curveaxis-tickgenerator-labelstyles-overflowwrap | OverflowWrapStyle | Overflow wrap |
curveaxis-tickgenerator-labelstyles-strikethrough | string | Strikethrough style |
curveaxis-tickgenerator-labelstyles-strikethrough | LineStyle | Strikethrough style |
curveaxis-tickgenerator-labelstyles-textoverflow | TextOverflowStyle | Text overflow |
curveaxis-tickgenerator-labelstyles-underline | string | Underline style |
curveaxis-tickgenerator-labelstyles-underline | LineStyle | Underline style |
curveaxis-tickgenerator-labelstyles-underlineoffset | string | number | Underline offset distance |
curveaxis-tickgenerator-labelstyles-whitespace | WhiteSpaceStyle | White space |
curveaxis-tickgenerator-labelstyles-wordbreak | WordBreakStyle | Word break |
curveaxis-tickgenerator-tag | any | Tag user can specify info associated with current object |
curveaxis-tickgenerator-tickstyles | LineStyle | An object containing tick styles for specified grades |
curveaxis-titlerotateangle | number | Title rotate angle |
curveaxis-titlevisible | boolean | Curve axis label visibility |
curveaxis-visible | boolean | Visibility of curve axis |
curvelimits | CurveLimitsOptions | Javascript object used to define curvelimits properties |
curvelimits-font | string | 10px Arial] curve limits text font |
curvelimits-margin | number | Curve limits area margin (top and bottom) |
curvelimits-visible | boolean | Visibility of curve limits area |
curvelimits-width | number | Width for each curve limits column |
curvesymbol | SymbolOptions | Javascript object used to define curvesymbol properties |
curvesymbol-fillstyle | string | Fillstyle of symbol |
curvesymbol-fillstyle | FillStyle | Fillstyle of symbol |
curvesymbol-height | number | Height of symbol |
curvesymbol-painter | string | Painter |
curvesymbol-visible | boolean | Visibility of curve highlighting symbol |
curvesymbol-width | number | Width of symbol |
id | string | Object's id/uri |
legenditem | LegendOptions | JSON which defines legend options |
legenditem-autocolorlabel | boolean | |
legenditem-fillstyle | string | Legend fillstyle |
legenditem-fillstyle | FillStyle | Legend fillstyle |
legenditem-fixedwidth | number | Fixed width option |
legenditem-font | string | 12px Arial] legend font |
legenditem-height | number | Legend height |
legenditem-internalpadding | number | Legend padding |
legenditem-labelcolor | string | '6b6b6b' legend text color |
legenditem-linestyle | string | Legend border linestyle |
legenditem-linestyle | LineStyle | Legend border linestyle |
legenditem-margintext | number | Margin between edge and text of legend |
legendsvisible | boolean | True if legend item is visible and needed |
name | string | Object/curve's name |
tooltipitem | Options | JSON which defines tooltip options |
tooltipitem-cssclass | string | The css class name of this node |
tooltipitem-id | string | number | Id of the node, its a unique identifier |
tooltipitem-name | string | Name of the node. It is often used for debugging purposes or to simplify queries |
tooltipitem-selectable | boolean | Selectable node, a boolean to determine if selection should consider this node |
tooltipitem-tag | any | Custom information associated with node. It is a user object which can be used by client code to store information or attach an application object to the shape |
tooltipitem-visible | boolean | Visibility of the node, a boolean to determine if the node should be rendered or not |
tooltipitem-z-index | number | Define node z-index |
tooltipitem | Options | JSON which defines tooltip options |
tooltipitem-clipstyle | ClipStyle | Clipping style |
tooltipitem-clipstyle-evenodd | boolean | True if evenodd mode is on ('nonzero' mode otherwise) |
tooltipitem-clipstyle-geometry | GraphicsPath | Clipping geometry |
tooltipitem-clipstyle-geometry-bounds | Rect | Bounds |
tooltipitem-clipstyle-geometry-bounds-height | number | Height |
tooltipitem-clipstyle-geometry-bounds-readonly | boolean | Readonly |
tooltipitem-clipstyle-geometry-bounds-width | number | Width |
tooltipitem-clipstyle-geometry-bounds-x | number | Left |
tooltipitem-clipstyle-geometry-bounds-y | number | Top |
tooltipitem-clipstyle | GraphicsPath | Clipping style |
tooltipitem-csscursor | string | CSS cursor associated with node |
tooltipitem-cssstyle | string | CSS style to be applied to inserted elements |
tooltipitem-localtransform | Transformation | Local transformation |
tooltipitem-localtransform-dx | number | X axis translation |
tooltipitem-localtransform-dy | number | Y axis translation |
tooltipitem-localtransform-xx | number | X scale |
tooltipitem-localtransform-xy | number | Xy skew |
tooltipitem-localtransform-yx | number | Yx skew |
tooltipitem-localtransform-yy | number | Y scale |
tooltipitem-margins | number | string | It has properties for specifying the margins for each side |
tooltipitem-opacity | number | Node opacity (from 0 to 1). If it is undefined or null it inherits property from the parent. It changes globalAlpha on the rendering context |
tooltipitem-opacityblendmode | BlendMode | Node opacity mode to blend it |
tooltipitem-scalescrollstrategy | ScaleScrollStrategy | Scale scroll strategy |
tooltipitem-scalescrollstrategy-enabled | boolean | Enable flag |
tooltipitem-transform | string | Additional CSS transformation applied to node or 'none' |
tooltipitem-transform | Transformation | Additional CSS transformation applied to node or 'none' |
tooltipitem | Options | JSON which defines tooltip options |
tooltipitem-clipping | boolean | Enable clipping, this does not consider the clipstyle, it is related to bounds-clipping |
tooltipitem-infinity | boolean | Mode to render outside the model limits |
tooltipitem | Options | JSON which defines tooltip options |
tooltipitem-automodellimitsmode | boolean | Auto model limits mode |
tooltipitem-bounds | Rect | Define position of the group in the parent |
tooltipitem-contentorientation | Orientation | Content orientation |
tooltipitem-fillstyle | string | Fill style |
tooltipitem-fillstyle | FillStyle | Fill style |
tooltipitem-horizontalflip | boolean | Horizontal axis goes from right to left |
tooltipitem-layoutstyle | LayoutStyle | Layout style to be used for parent layout |
tooltipitem-layoutstyle-constraint | SizeConstraint | Layout constrains |
tooltipitem-layoutstyle-flexgrow | number | Number specifying how much the item will grow relative to the rest of the items inside the same container |
tooltipitem-layoutstyle-flexshrink | number | Number specifying how much the item will shrink relative to the rest of the items inside the same container |
tooltipitem-layoutstyle-float | string | Float position |
tooltipitem-layoutstyle-position | string | Layout position |
tooltipitem-layoutstyle-size | number | string | Layout size |
tooltipitem-linestyle | string | Line style |
tooltipitem-linestyle | LineStyle | Line style |
tooltipitem-modellimits | Rect | Define inner model coordinates of the group |
tooltipitem-padding | number | string | It has properties for specifying the padding for each side |
tooltipitem-pickingchildren | boolean | Enable picking children |
tooltipitem-verticalflip | boolean | Vertical axis goes from bottom to top |
tooltipitem-viewcache | boolean | View cache to cache child nodes |
tooltipitem | TooltipItemOptions | JSON which defines tooltip options |
tooltipitem-externalpadding | number | External padding |
tooltipitem-fixedwidth | number | Fixed width |
tooltipitem-font | string | Font |
tooltipitem-height | number | Height |
tooltipitem-internalpadding | number | Internal padding |
tooltipitem-margintext | number | Margin between edge and text of tooltip |
tooltipitem-nanvisibility | boolean | If true then tooltip also display with value NaN |
tooltipitem-singlerow | boolean | If true then text display in tooltip single row |
tooltipitem-symbolsize | number | Size of symbol |
tooltipitem-textcolor | string | Text color |
tooltipitem-valuevisible | boolean | Value visible |
tooltipsvisible | boolean | True if tooltip legend item is visible and needed |
uri | string | Object's uri |
Constructors
• new TimeSeriesObject(options?)
| Name | Type |
|---|---|
Optional options | Options |
TimeSeriesObjectBase.constructor
Methods
▸ dispose(): void
Dispose.
void
▸ getAxis(): Axis
get axis
▸ getAxisOptions(): AxisOptionsOut
Get axis options
JSON which defines curve axis
TimeSeriesObjectBase.getAxisOptions
▸ getClassName(): string
string
TimeSeriesObjectBase.getClassName
▸ getCurveLimitsGroupOptions(): CurveLimitsOptionsOut
Get Curve Limits group option
▸ getCurveOptions(): CurveOptionsOut
Get curve options
▸ getData(): DataTable | DataTableView
Get curve's data
▸ getId(): string
Get object's ID
string
▸ getLegendOptions(): LegendOptionsOut
Get legend options
JSON which defines legend options
▸ getName(): string
Gets time series object name
string
▸ getProperties(): OptionsOut
Returns all properties
properties object
TimeSeriesObjectBase.getProperties
▸ getSymbolOptions(): SymbolOptionsOut
Get symbol options
▸ getTooltipOptions(): TooltipOptions
Get tooltip options
JSON which defines tooltip options
▸ hasEventListener(type, callback?): boolean
Check if a list of event listeners for this type contains this listener
| Name | Type | Description |
|---|---|---|
type | string | type of event or property |
Optional callback | Function | to be called, if null, check if any callback is registered |
boolean
TimeSeriesObjectBase.hasEventListener
▸ isDisposed(): boolean
Returns whether this object has been disposed
boolean
TimeSeriesObjectBase.isDisposed
▸ isSilent(): boolean
Return true if the event dispatcher doesn't notify any events
boolean
▸ notify<E>(type, source, args?): TimeSeriesObject
Notify listeners
| Name | Type |
|---|---|
E | extends string |
| Name | Type | Description |
|---|---|---|
type | E | event types |
source | TimeSeriesObject | of the event |
Optional args | EventMap[E] | arguments of the event |
this
▸ off<E>(type?, callback?): TimeSeriesObject
Detach listener on event. Calling .off() with no arguments removes all attached listeners. Calling .off(type) with no callback removes all attached listeners for specific type.
| Name | Type |
|---|---|
E | extends string |
| Name | Type | Description |
|---|---|---|
Optional type | E | type of the event |
Optional callback | (eventType: E, sender: TimeSeriesObject, args: EventMap[E]) => void | function to be called |
this
▸ on<E>(type, callback): TimeSeriesObject
Attach listener on event that will be called whenever the specified event is delivered to the target
If the callback function is already in the list of event listeners for this target, the function is not added a second time.
If a particular anonymous function is in the list of event listeners registered for a certain target, and then later in the code, an identical anonymous function is given in an "on" call, the second function will also be added to the list of event listeners for that target.
| Name | Type |
|---|---|
E | extends string |
| Name | Type | Description |
|---|---|---|
type | E | type of event or property |
callback | (eventType: E, sender: TimeSeriesObject, args: EventMap[E]) => void | to be called |
this
▸ setAxisOptions(options?): TimeSeriesObject
Sets axis options. Refer to example below to make a curve's axis invisible. This can be useful to save space while displaying several curves that use the same vertical unit.
User would have to determine which curves share the same units and limits and hide the redundant axis.
| Name | Type | Description |
|---|---|---|
Optional options | AxisOptions | JSON which defines curve axis |
TimeSeriesObjectBase.setAxisOptions
▸ setCurveLimitsGroupOptions(options?): TimeSeriesObject
Set curve limits group options
| Name | Type | Description |
|---|---|---|
Optional options | CurveLimitsOptions | JSON describing curve limits group options |
▸ setCurveOptions(options?): TimeSeriesObject
Set curve options
Example
// If you have several curves, which share the same unit and min&max,
// you can set the min and max of each curve dynamically and independently of each other without having to recreate the widget.
// You will have to iterate through the curves which you want to update and set their min and max value as follows:
widget.getTimeSeriesObjectById(curveid).setCurveOptions(
{ 'autoscale': false, 'min': newMinValue, 'max': newMaxValue}
);| Name | Type | Description |
|---|---|---|
Optional options | CurveOptions | object containing curve options |
▸ setData(options): TimeSeriesObject
Sets the data object for the line
Throws
if parameters indices and values are not specified properly
| Name | Type | Description |
|---|---|---|
options | DataTable | DataTableView | DataOptions | data source or object to specify data source |
this
▸ setLegendOptions(options?): TimeSeriesObject
Set legend item options
| Name | Type | Description |
|---|---|---|
Optional options | LegendOptions | JSON which defines legend options |
this
▸ Protected setName(name): void
Set time series object name
| Name | Type | Description |
|---|---|---|
name | string | name of the object |
void
▸ setProperties(props?): TimeSeriesObject
Sets all properties
| Name | Type | Description |
|---|---|---|
Optional props | Options | props |
this
TimeSeriesObjectBase.setProperties
▸ setSilent(bool): TimeSeriesObject
Set silent mode
| Name | Type | Description |
|---|---|---|
bool | boolean | flag to enable silent mode |
this
TimeSeriesObjectBase.setSilent
▸ setSymbolOptions(options?): TimeSeriesObject
Set symbol options
| Name | Type | Description |
|---|---|---|
Optional options | SymbolOptions | JSON of symbol options |
▸ setTooltipOptions(options?): TimeSeriesObject
Set tooltip options
| Name | Type | Description |
|---|---|---|
Optional options | TooltipItemOptions | JSON which defines tooltip options |
this
▸ updateLayout(): void
Update layout if it is necessary if object is changed
void
TimeSeriesObjectBase.updateLayout
▸ Static getClassName(): string
string