Readonly
ATTRIBUTE_Readonly
CDATA_node is a CDATASection node.
Readonly
COMMENT_node is a Comment node.
Readonly
DOCUMENT_node is a DocumentFragment node.
Readonly
DOCUMENT_node is a document.
Readonly
DOCUMENT_Set when other is a descendant of node.
Readonly
DOCUMENT_Set when other is an ancestor of node.
Readonly
DOCUMENT_Set when node and other are not in the same tree.
Readonly
DOCUMENT_Set when other is following node.
Readonly
DOCUMENT_Readonly
DOCUMENT_Set when other is preceding node.
Readonly
DOCUMENT_node is a doctype.
Readonly
ELEMENT_node is an element.
Readonly
ENTITY_Readonly
ENTITY_Readonly
NOTATION_Readonly
PROCESSING_node is a ProcessingInstruction node.
Readonly
TEXT_node is a Text node.
Readonly
accessReadonly
assignedReadonly
attributesReadonly
baseURIReturns node's node document's document base URL.
Readonly
childReadonly
childReturns the children.
Readonly
childrenReturns the child elements.
Readonly
classAllows for manipulation of element's class content attribute as a set of whitespace-separated tokens through a DOMTokenList object.
Returns the value of element's class content attribute. Can be set to change it.
Readonly
clientReadonly
clientReadonly
clientReadonly
clientReadonly
datasetReadonly
firstReturns the first child.
Readonly
firstReturns the first child that is an element, and null otherwise.
Returns the value of element's id content attribute. Can be set to change it.
Readonly
isReturns true if node is connected and false otherwise.
Readonly
isReadonly
lastReturns the last child.
Readonly
lastReturns the last child that is an element, and null otherwise.
Readonly
localReturns the local name.
Readonly
namespaceURIReturns the namespace.
Readonly
nextReturns the first following sibling that is an element, and null otherwise.
Readonly
nextReturns the next sibling.
Readonly
nodeReturns a string appropriate for the type of node.
Readonly
nodeReturns the type of node.
Optional
nonceReadonly
offsetReadonly
offsetReadonly
offsetReadonly
offsetReadonly
offsetFires when the user aborts the download.
The event.
Fires when the object loses the input focus.
The focus event.
Occurs when playback is possible, but would require further buffering.
The event.
Fires when the contents of the object or selection have changed.
The event.
Fires when the user clicks the left mouse button on the object
The mouse event.
Fires when the user clicks the right mouse button in the client area, opening the context menu.
The mouse event.
Fires when the user double-clicks the object.
The mouse event.
Fires on the source object continuously during a drag operation.
The event.
Fires on the source object when the user releases the mouse at the close of a drag operation.
The event.
Fires on the target element when the user drags the object to a valid drop target.
The drag event.
Fires on the target object when the user moves the mouse out of a valid drop target during a drag operation.
The drag event.
Fires on the target element continuously while the user drags the object over a valid drop target.
The event.
Fires on the source object when the user starts to drag a text selection or selected object.
The event.
Occurs when the duration attribute is updated.
The event.
Occurs when the media element is reset to its initial state.
The event.
Occurs when the end of playback is reached.
The event
Fires when an error occurs during object loading.
The event.
Fires when the object receives focus.
The event.
Fires when the user presses a key.
The keyboard event
Fires when the user presses an alphanumeric key.
The event.
Fires when the user releases a key.
The keyboard event
Fires immediately after the browser loads the object.
The event.
Occurs when media data is loaded at the current playback position.
The event.
Occurs when the duration and dimensions of the media have been determined.
The event.
Occurs when Internet Explorer begins looking for media data.
The event.
Fires when the user clicks the object with either mouse button.
The mouse event.
Fires when the user moves the mouse over the object.
The mouse event.
Fires when the user moves the mouse pointer outside the boundaries of the object.
The mouse event.
Fires when the user moves the mouse pointer into the object.
The mouse event.
Fires when the user releases a mouse button while the mouse is over the object.
The mouse event.
Occurs when playback is paused.
The event.
Occurs when the play method is requested.
The event.
Occurs when the audio or video has started playing.
The event.
Occurs to indicate progress while downloading media data.
The event.
Occurs when the playback rate is increased or decreased.
The event.
Fires when the user resets a form.
The event.
Fires when the user repositions the scroll box in the scroll bar on the object.
The event.
Occurs when the seek operation ends.
The event.
Occurs when the current playback position is moved.
The event.
Fires when the current selection changes.
The event.
Occurs when the download has stopped.
The event.
Occurs if the load operation has been intentionally halted.
The event.
Occurs to indicate the current playback position.
The event.
Optional
ontouchcancelOptional
ontouchendOptional
ontouchmoveOptional
ontouchstartOccurs when the volume is changed, or playback is muted or unmuted.
The event.
Occurs when playback stops because the next frame of a video resource is not available.
The event.
This is a legacy alias of onanimationend
.
This is a legacy alias of onanimationiteration
.
This is a legacy alias of onanimationstart
.
This is a legacy alias of ontransitionend
.
Readonly
ownerReadonly
parentReturns the parent element.
Readonly
parentReturns the parent.
Readonly
partReadonly
prefixReturns the namespace prefix.
Readonly
previousReturns the first preceding sibling that is an element, and null otherwise.
Readonly
previousReturns the previous sibling.
Readonly
scrollReadonly
scrollReadonly
shadowReturns element's shadow root, if any, and if shadow root's mode is "open", and null otherwise.
Returns the value of element's slot content attribute. Can be set to change it.
Readonly
styleReadonly
tagReturns the HTML-uppercased qualified name.
Static
htmlGets the actual opacity applied to the area fill visual.
let actualFillOpacity: number = series.actualAreaFillOpacity;
Gets the effective brush for the current series object.
let actualBrush: string = series.actualBrush;
Gets the text that is displayed for the Close label in the tooltip.
Gets the effective emphasis brush for the current series object.
Gets actual Selection mode
Gets the text that is displayed for the High label in the tooltip.
Gets actual HighlightedValues fade opacity
Gets actual highlighting fade opacity
Gets actual highlighting mode
Resolved method of hit testing to use when pointing to items in the chart.
let hitTestMode: SeriesHitTestMode = this.series.actualHitTestMode;
Gets the actual extra layers for the series.
Gets the effective legend badge fill for the current series.
Gets the effective legend badge outline for the current series.
Gets the actual legend item badge template used by the series.
Gets the text that is displayed for the Low label in the tooltip.
Gets the actual opacity applied to the fill of the markers.
Gets the text that is displayed for the Open label in the tooltip.
Gets the effective outline for the current series object.
let actualOutline: string = series.ActualOutline;
Gets the text that is displayed for the Value label in the tooltip.
Gets the effective emphasis brush for the current series object.
Gets actual Selection mode
Gets the effective Thickness for the current series object.
Gets the effective TrendLineBrush for this indicator.
Use the ActualTrendLineBrush
property to Gets the effective TrendLineBrush for the FinancialIndicator.
Gets the text that is displayed for the Value label in the tooltip.
Gets the text that is displayed for the Volume label in the tooltip.
Gets or sets the opacity applied to the area fill visual. This property only applies to series that have area visual.
Event raised when Assigning Category Style
The AssigningCategoryStyle
event raised when assigning Category Style.
series.assigningCategoryStyle= this.chart_AssigningCategoryStyle;
chart_AssigningCategoryStyle(sender :any,args: AssigningCategoryStyleEventArgs )
{
}
Gets or sets the AutoCalloutLabel format string to use for the AutoCalloutLabel.
Gets or sets the format specifiers to use with the AutoCalloutLabelFormat string.
Gets or sets the AutoCalloutLabel format string to use for the AutoCalloutLabel.
Gets or sets the format specifiers to use with the AutoCalloutValueLabelFormat string.
Gets or sets the brush to use for the series.
The Brush
along with the Outline
and Negative Brush
can be used to affect the visuals of the Series
.
this.series.brush = "red";
Gets or sets the close mapping property for the current series object.
Use CloseMemberPath
property for the close mapping of the current series object.
Gets or sets the coercion methods to use when loading data from data sources. Should be specified before setting any member paths, if being used. Setting it later will not cause data to be reimported into the chart.
<-- position: content member-->
cMethods: any = {
ValueCoercion: function(value:number): number {return value+2;}
}
Gets or sets a collection of Double values that indicate the pattern of dashes and gaps that is used to outline the current series object.
Gets or sets a name used for grouping multiple series in the Data Legend If not set, series will be grouped by series family, e.g. Category, Range, Financial, Scatter
Gets unique key used to identify the series in data legend
Gets default display type for the current Financial Indicator
Gets or sets the DiscreteLegendItemTemplate property. The legend item control content is created according to the DiscreteLegendItemTemplate on-demand by the series object itself.
Gets or sets the display for the current FinancialIndicator object.
The DisplayType
property is used to display the current FinancialIndicator object.
series.displayType= IndicatorDisplayType.Column;
Gets or sets whether the series should expect that properties in its items source may be functions that need to be evaluated to yield their value. This defaults to false, as there will be a subtle performance impact to using this feature. This value must be set before assigning an item's source to take effect.
expectFunctions
is used to decide whether the series should expect that its data source members need to be called as functions to get their values.
this.series.expectFunctions=true;
The final value of this series.
Gets or sets the Focus brush to use for the series.
Returns whether the current series supports visual markers.
let hasMarkers: boolean = this.series.hasMarkers;
Gets whether the series has only marker as visuals
Gets whether the current series shows an area shape.
Returns whether the current series has a visible marker style.
Gets or sets the high mapping property for the current series object.
Use HighMemberPath
propert for high mapping of the current series object.
Gets or sets the highlighted Y value mapping property for the current series object.
Gets or sets the highlighted Y value mapping property for the current series object.
Gets or sets whether the highlighted values layer should have a legend item.
Gets or sets the highlighted X value mapping property for the current series object.
Gets or sets the highlighted X value mapping property for the current series object.
Gets or sets the HighlightedTitleSuffix property.
Gets or sets a name used for grouping highlighted series in the Data Legend If not set, series will default to parent series' DataLegendGroup, e.g. Category, Range, Financial, Scatter
Gets or sets whether and how to display highlighted values for the series. Note, this is distinct from the highlighting feature that indicates what is closest or under the mouse.
Gets the current extra layers for the series.
Gets or sets the target opacity to fade to for fade style HighlightedValues.
Gets or sets the highlighted Y value mapping property for the current series object.
Gets or sets the target opacity to fade to for fade style highlighting.
Method of hit testing to use when pointing to items in this series.
The HitTestMode
can be set to either:
Auto
: automatically decide the appropriate hit test mode for the series.ColorEncoded
: use a color encoded off screen buffer for hit testing. Should always be O(1) time for determining a hit series. This increases frame render time and memory usage, however. Consider using this if hit testing time is degrading performance.Computational
: use a computational based approach to determine whether the series has been hit. This uses loose bounding boxes, in some cases, and can range in time complexity between O(1) and O(log n) to find a hit. This decreases frame render time compared to color encodedthis.series.hitTestMode = SeriesHitTestMode.Computational;
Gets or sets the number of values to hide at the beginning of the indicator.
Use the IgnoreFirst
propert to hide the number of values at the beginning of the indicator.
series.ignoreFirst = 2;
Gets or sets whether the ActualLegend is FinancialLegend or normal Legend.
Gets whether the series is an callout annotation layer.
Gets whether the series is an crosshair annotation layer.
Gets whether the series is final value annotation layer.
Gets whether the series is an annotation layer displayed only when hovering over the chart. Crosshair Layer, Category Highlight Layer, Category Tooltip Layer, Item Tooltip Layer
Gets whether the series is an annotation layer.
let isAnnotationLayer: boolean = this.series.isAnnotationLayer;
Gets whether the series is a value annotation layer.
Gets whether the current series shows an area shape.
Gets whether the current series shows an area or line shape.
let isAreaorLine: boolean = this.series.isAreaorLine;
Gets whether the current series shows a horizontal column shape.
Gets whether the current series is a category type series.
let isCategory: boolean = this.series.isCategory;
Gets whether the current series shows a column shape.
Gets or sets whether the component level highlight mode is ignored.
Gets or sets whether this category series should allow custom style overrides of its individual visuals.
The IsCustomCategoryStyleAllowed
property is used to check if the category series should allow custom style.
series.isCustomCategoryStyleAllowed= true;
Gets whether the default crosshair behavior should be disabled if this series is present.
IsDefaultCrosshairBehaviorDisabled
defaults to true for annotation layers. When not using annotaion layers, you can show crosshairs by setting the chart's CrosshairVisibility
to true.
let isDefaultCrosshairBehaviorDisabled: boolean = this.series.isDefaultCrosshairBehaviorDisabled;
Gets if the default tooltip has been selected for display.
To use the default tooltip set ShowDefaultTooltip
to true.
let isDefaultToolTipSelected: boolean = this.series.isDefaultToolTipSelected;
Gets whether the default tooltip behavior should be disabled if this series is present.
let isDefaultTooltipBehaviorDisabled: boolean = this.series.isDefaultTooltipBehaviorDisabled;
Gets or sets whether drop shadow should be enabled for this series.
IsDropShadowEnabled
is used to decide whether drop shadow should be enabled for this series.
this.series.isDropShadowEnabled = true;
Gets whether the current series is a financial type series.
Gets whether the series is financial indicator
Gets whether the series is financial overlay
Gets whether the series has financial OHLC/candlestick visuals
Gets whether the series is financial waterfall
Gets whether the current series is a stack fragment.
let isFragment: boolean = this.series.isFragment;
Gets whether the current series is a geographic series.
let isGeographic: boolean = this.series.isGeographic;
Gets whether the series is a highlight overlay.
Gets or sets whether highlighting should be enabled for this series, if this type of series supports highlighting.
this.series.isHighlightingEnabled = true;
Gets if the series uses an index, which can be used to auto-assign it a color.
let isIndexed: boolean = this.series.isIndexed;
Gets whether the current series shows a line contour shape.
Gets whether the current series shows only line shapes.
Overridden by derived series classes to indicate when markerless display is preferred or not.
Overridden by derived series classes to indicate when negative colors are supported or not.
Gets whether the current series shows a pie shape.
Gets whether the current series shows pixels.
Gets whether the current series is a polar type series.
let isPolar: boolean = this.series.isPolar;
Gets whether the current series shows a polygon shape.
Gets whether the current series shows a polyline shape.
Gets whether the current series is a radial type series.
let isRadial: boolean = this.series.isRadial;
Gets whether the current series is a range type series.
let isRange: boolean = this.series.isRange;
Gets whether the current series is a scatter type series.
let isScatter: boolean = this.series.isScatter;
Gets whether the current series is a shape type series.
Gets whether the current series shows interactive shape controls.
Gets whether the current series shows a spline shape.
Gets whether the current series is a stacked type series.
let isStacked: boolean = this.series.isStacked;
Gets whether the current series shows step shapes.
Gets whether the series supports summarization in Data Legend and Data Tooltip.
Gets whether the current series shows a tile imagery.
Gets or sets whether the series should transition into the plot area when a new data source is assigned. Note: Transitions are not currently supported for stacked series.
The IsTransitionInEnabled
property is used to check if the series should transition into the plot area when a new data source is assigned.
series.isTransitionInEnabled= true;
Gets if the series should appear in any legends.
let isUsableInLegend: boolean = this.series.isUsableInLegend;
Gets whether the current series shows an area shape.
Gets whether the series is a value overlay.
Gets whether the current series is oriented vertically.
let isVertical: boolean = this.series.isVertical;
Gets whether the current series shows a waterfall column shape.
Gets the current extra layers for the series.
Gets or sets the legend used for the current series.
Gets or sets the mode of legend badge representing the current series in a legend. This property will be ignored when the LegendItemTemplate/LegendItemBadgeTemplate property is set on the series
Gets or sets the type of legend badge representing the current series in a legend. This property will be ignored when the LegendItemTemplate/LegendItemBadgeTemplate property is set on the series
Gets or sets the LegendItemBadgeTemplate property. The legend item badge is created according to the LegendItemBadgeTemplate on-demand by the series object itself.
Gets or sets the LegendItemTemplate property. The legend item control content is created according to the LegendItemTemplate on-demand by the series object itself.
Gets or sets whether or not the current series will have a legend item displayed in a legend.
The LegendItemVisibilty
can be used to exclude only certain Series
from the Legend
.
Gets or sets the style of the starting point of any lines or polylines representing this series. Not every series type has a line at which it would be appropriate to display a start cap, so this property does not affect every series type. LineSeries, for example, is affected by StartCap, but ColumnSeries is not.
Gets or sets the brush that specifies current series object's line join style.
Gets or sets the low mapping property for the current series object.
The LowMemberPath
is used for low mapping property of the current series object.
Gets or sets the opacity applied to the fill of the markers. This property only applies to series that have area visual.
Gets or sets the whether the chart reacts to mouse move events.
Gets or sets the brush to use for negative portions of the series.
The NegativeBrush
property is used to brush the negative portions of the series.
series.negativeBrush="red";
Gets or sets the open mapping property for the current series object.
The OpenMemberPath
property is used for open mapping of the current series object.
Gets or sets the brush to use for the outline of the series. Some series types, such as LineSeries, do not display outlines. Therefore, this property does not affect some charts.
The Outline
along with the Brush
and NegativeBrush
can be used to affect the visuals of the Series
.
this.series.brush = "red";
Gets or sets the outline mode to use for the series.
The percent change from the beginning to the end of this series.
This event is raised every time a render has been requested from a series.
Gets or sets the current series object's rendering resolution.
Setting the Resolution
on a Series to a higher value can help with performance, but it will lower the graphical fidelity of the line. As such, it can be increased up until the fidelity is unacceptable.
this.series.resolution = 1.5;
Gets the effective brush for the current series object with opacity removed so its contrasty for use as a font color.
Gets or sets the selection brush to use for the series.
Gets or sets the shadow blur. This property is ignored when Series.UseSingleShadow is set to true.
ShadowBlur
can be set in conjection with IsDropShadowEnabled
to further define the drop shadow effect.
this.series.shadowBlur = 7;
Gets or sets the drop shadow color.
ShadowColor
can be set in conjection with IsDropShadowEnabled
to further define the drop shadow effect.
this.series.shadowColor = "blue";
Gets or sets the drop shadow x-offset.
ShadowOffsetX
can be set in conjection with IsDropShadowEnabled
to further define the drop shadow effect.
this.series.shadowOffsetX = 10;
Gets or sets the drop shadow y-offset.
ShadowOffsetY
can be set in conjection with IsDropShadowEnabled
to further define the drop shadow effect.
this.series.shadowOffsetY = 10;
Gets or sets whether and how to display highlighted values for the series. Note, this is distinct from the highlighting feature that indicates what is closest or under the mouse.
Gets or sets whether this series should suppress it's auto callouts
Gets or sets whether the opacity should be automatically shifted for the safe actual brush.
Gets or sets whether the opacity should be automatically shifted for the safe actual brush.
Gets or sets whether default tooltip will be shown.
The default tooltips display all the information relevant to the particular series item (series title, data values, axis values etc.) and are styled to match the series' style. When using default tooltips, you should also set the series Title
.
this.series.showDefaultTooltip ="true";
Gets or sets the width of the current series object's line thickness.
Depending on the Series
type, this can be the main brush used, or just the outline. For example, when using a LineSeries
it will affect the thickness of the lines drawn, whereas when using a ColumnSeries
it will affect the outer border thickness of the columns.
this.series.thickness=5;
Gets or sets the Title property. The legend item control is created according to the Title on-demand by the series object itself.
The Series
Title
may be used in tooltips and legends.
this.series.title = "InStock Items";
Gets or sets the duration of the current series' morph.
The TransitionDuration
can be used to play animation when data is added or removed from a Series
. To play an initial animation see TransitionInDuration
.
this.series.transitionDuration = 500;
Gets or sets the easing function used to morph the current series.
The TransitioninDuration
and TransitionEasingFunction
can be used to play animation when data is added or removed from a Series
. To play an initial animation see TransitionInDuration
.
this.series.transitionEasingFunction = EasingFunctions.cubicEase;
Gets or sets the duration of the current series' transition in morph.
The TransitionInDuration
can be used with IsTransitionInEnabled
to cofigure the animation when a new datasource is loaded.
this.series.transitionDuration = 500;
Gets or sets the EasingFunction used to morph the current series during the initial transition.
The TransitionInEasingFunction
can be used with IsTransitionInEnabled
to cofigure the animation when a new datasource is loaded.
this.series.transitionInEasingFunction = EasingFunctions.cubicEase;
Gets or sets the method by which to animate the data into the chart when the chart data source is swapped. Note: Transitions are not currently supported for stacked series.
The TransitionInMode
property is used to gets or sets the method by which to animate the data into the chart when the chart data source is swapped.
series.transitionInMode =CategoryTransitionInMode.Auto;
Gets or sets the duration of the current series' transition in morph.
The TransitionInSpeedType
can be used with IsTransitionInEnabled
to cofigure the animation when a new datasource is loaded.
this.series.transitionInSpeedType = TransitionInSpeedType.IndexScaled;
Fired when a transition out has completed.
Gets or sets the duration of the current series' transition out morph.
Gets or sets the EasingFunction used to morph the current series during the initial transition.
Gets or sets the duration of the current series' transition out morph.
Gets or sets the brush to use to draw the trend line.
Use the TrendLineBrush
propert to draw the trend line.
Gets or sets a collection of double values that indicate the pattern of dashes and gaps that is used to draw the trend line for the current indicator object.
Gets or sets the trend line period for the current series. The typical, and initial, value for trend line period is 7.
Use TrendLinePeriod
property for the trend line period of the current series.
series.trendLinePeriod =30;
Gets or sets the thickness of the current indicator object's trend line.
Use TrendLineThickness
property for the thickness of the current indicator object's trend line.
series.trendLineThickness=2 ;
Gets or sets the trend type for the current indicator series.
Use TrendLineType
property to get the trend type for the current indicator series.
series.trendLineType= TrendLineType.CubicFit;
Handle this event in order to perform a custom typical price calculation.
Use Typical
event to perform a custom typical price calculation.
series.typical= this.chart_typical;
chart_typical(sender :any,args: FinancialEventArgs )
{
}
Handle this event in order to specify which columns the Typical price calculation is based on.
Use TypicalBasedOn
event to specify which columns the Typical price calculation is based on.
series.typicalBasedOn= this.chart_typicalBasedOn;
chart_typicalBasedOn(sender :any,args: FinancialEventArgs )
{
}
Gets or sets whether the series should use individual palette colors for each item.
Gets or sets whether drop shadow is applied to the whole series visual or to each of the individual shapes forming the series. When this property is set to true, no Series.ShadowBlur is applied.
this.series.useSingleShadow = true;
Gets or sets the bottom margin to use when getting a visible axis range for the series.
Gets or sets the left margin to use when getting a visible axis range for the series.
Gets or sets the right margin to use when getting a visible axis range for the series.
Gets or sets the top margin to use when getting a visible axis range for the series.
Gets or sets the visible range mode to use.
Gets or sets the volume mapping property for the current series object.
The VolumeMemberPath
property is used for the volume mapping property of the current series object.
Gets or sets the effective x-axis for the current FinancialSeries object.
Use XAxis
property to set effective x-axis for the current FinancialSeries object.
Gets or sets the name to use to resolve xAxis from markup.
Gets or sets the effective y-axis for the current FinancialSeries object.
Use YAxis
property to set the effective y-axis for the current FinancialSeries object.
Gets or sets the name to use to resolve yAxis from markup.
Static
observedReturns the first (starting at element) inclusive ancestor that matches selectors, and null otherwise.
Returns a HTMLCollection of the elements in the object on which the method was invoked (a document or an element) that have all the classes given by classNames. The classNames argument is interpreted as a space-separated list of classes.
Gets the precise item index, if possible, based on the closeness to the previous or next whole integer. If the series cannot provide this information, GetExactItemIndex will return the same integer value as GetItemIndex.
The GetExactItemIndex
method gets the precise item index, if possible, based on the closeness to the previous or next whole integer.
If the series cannot provide this information, GetExactItemIndex will return the same integer value as GetItemIndex.
number index = series.getExactItemIndex(world);
Gets the index of the item that resides at the provided world coordinates.
The GetItemIndex
method gets the index of the item that resides at the provided world coordinates.
number itemindex= series.getItemIndex(world);
Represents a IgxDataChartComponent Positive Volume Index (PVI) indicator series. Default required members: Close, Volume
You can use the
PositiveVolumeIndexIndicator
with the 'NegativeVolumeIndexIndicator' to identify bull markets.