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 accessThe axes actually present in the chart. Do not directly modify this array. This array's contents can be modified by causing Angular to reproject the child content. Or adding and removing axes from the manual axes collection on the axes property.
The series actually present in the chart. Do not directly modify this array. This array's contents can be modified by causing Angular to reproject the child content. Or adding and removing series from the manual series collection on the series property.
Readonly 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 htmlResolved method of hit testing used when the pointer is over elements in the chart.
let actualContentHitTestMode: ChartHitTestMode =this.chart.actualContentHitTestMode;
Resolved method of pixel scaling to use during end user interaction with the chart.
let actualInteractionPixelScalingRatio: number = this.chart.actualInteractionPixelScalingRatio;
Gets the resolved pixel scaling ratio.
A higher scaling ratio will produce crisper visuals at the expense of memory. Lower values will cause the control to appear blurry
let actualPixelScalingRatio: number = this.chart.actualPixelScalingRatio;
Gets the actual resolved bottom plot area margin;
Gets the actual resolved left plot area margin;
Gets the actual resolved right plot area margin;
Gets the actual resolved top plot area margin;
A number between 0 and 1 determining the position of the horizontal scroll. This property is effectively a shortcut to the Left of the ActualWindowRect property.
let actualWindowPositionHorizontal: number = this.chart.actualWindowPositionHorizontal;
A number between 0 and 1 determining the position of the vertical scroll. This property is effectively a shortcut to the Top of the ActualWindowRect property.
let actualWindowPositionVertical: number = this.chart.actualWindowPositionVertical;
``
Gets the actual value of the window rectangle, which represents the current zoom level.
Raised when the actual window rectangle of the SeriesViewer changes.
Raised when the actual window rectangle of the SeriesViewer changes.
Gets the actual minimum height that the window rect is allowed to reach before being clamped.
Gets the actual minimum width that the window rect is allowed to reach before being clamped.
A number between 0 and 1 determining the scale of the horizontal zoom. This property is effectively a shortcut to the Width of the ActualWindowRect property.
A number between 0 and 1 determining the scale of the vertical zoom. This property is effectively a shortcut to the Height of the ActualWindowRect property.
Gets or sets a value indicating whether grid and tick lines are aligned to device pixels.
Gets or sets whether the series animations should be allowed when a range change has been detected on an axis.
AnimateSeriesWhenAxisRangeChanges is a Boolean property to override the default behavior in which series do not animate if an axis range changes.
this.chart.animateSeriesWhenAxisRangeChanges = true;
Gets or sets the extra amount the series viewer should auto expand margins to accomodate the initial horizontal axis labels.
Gets or sets the maximum amount the series viewer should auto expand margins to accomodate the initial horizontal axis labels.
Gets or sets a whether the series viewer should consider auto rotating labels to fit them in the initial view. This implies that ShouldAutoExpandMarginForInitialLabels is true.
Sets or gets the automatic height to add when automatically adding margins to the chart.
this.chart.autoMarginHeight = 50;
Sets or gets the automatic width to add when automatically adding margins to the chart.
The autoMarginWidth propertry is used find the automatic width to add when automatically adding margins to the chart.
this.chart.autoMarginWidth = 50;
A collection or manually added axes for the chart.
Sets or gets the bottom margin to use around the chart content.
The bottomMargin property is used to gets/set the bottom margin around the chart content in the canvas.
this.chart.bottomMargin = 50;
Gets or sets the palette of brushes used for fill of plotted series. These brushes are automatically assigned to series based on the index of series.
Text to display above the plot area.
The Title property is used to set the title to display for the component.
this.chart.title="Items Sold";
Gets or sets mode to use for automatically calculating the plot area margin.
Determines the method of hit testing used when mousing over elements in the chart.
this.chart.contentHitTestMode = ChartHitTestMode.Computational;
Represents the subset area within the viewport into which content should be mapped. This is the projection of the current EffectiveViewport into the viewport at current zoom level.
Gets or sets the cross hair point (in world coordinates) Either or both of the crosshair point's X and Y may be set to double.NaN, in which case the relevant crosshair line is hidden.
The CrosshairPoint property is used to gets/sets the cross hair point (in world coordinates).
this.chart.crosshairPoint = {x:.8,y:.2};
Gets or sets the current SeriesViewer's crosshair visibility override.
The CrosshairVisibility property is used to gets or sets the current Chart's crosshair visibility override. Note: setting this property does not affect the mobile browser version of the chart.
this.chart.crosshairVisibility = Visibility.Visible;
Gets or sets the DefaultAxisMajorStroke property. The DefaultAxisMajorStroke property defines the brush which is used by the axes when no Axis.MajorStroke is set.
Gets or sets the DefaultAxisMinorStroke property. The DefaultAxisMinorStroke property defines the brush which is used by the axes when no Axis.MinorStroke is set.
Gets or sets the DefaultAxisStroke property. The DefaultAxisStroke property defines the brush which is used by the axes when no Axis.Stroke is set.
Gets or sets the DefaultInteraction property. The default interaction state defines the SeriesViewer's response to mouse events.
The default interaction state defines the chart's response to mouse events.
this.chart.defaultInteraction = InteractionState.DragPan;
Gets or sets the current SeriesViewer's DragModifier property.
DragModifier is useful to enable zooming when zooming is not the default interaction.
this.chart.dragModifier = ModifierKeys.Alt;
Gets the EffectiveViewport rectangle, representing the effective viewport area after margins have been subtracted.
``ts let viewport: IgxRect = this.chart.effectiveViewport;
Occurs just after the current SeriesViewer's grid area rectangle is changed. The grid area may change as the result of the SeriesViewer being resized, or of an axis being added or changing size, possibly in another SeriesViewer.
Occurs just after the current SeriesViewer's grid area rectangle is changed. The grid area may change as the result of the SeriesViewer being resized, or of an axis being added or changing size, possibly in another SeriesViewer.
Gets or sets the highlighting Behavior to use for the series in the component, when supported. This takes precedence over the series level IsHightlightingEnabled.
Gets or sets the highlighting mode to use for the series in the component, when supported. This takes precedence over the series level IsHightlightingEnabled.
Gets or sets the duration the highlighting/de-highlighting effects.
The HighlightingTransitionDuration property is used to set the time for highlighting transition in milliseconds .
chart.HighlightingTransitionDuration=500;
Gets or sets the current SeriesViewer's crosshair horizontal brush override.
Gets or sets the corner radius to use for the horizontal scrollbar in the component, when enabled.
Gets or sets the fill to use for the horizontal scrollbar in the component, when enabled.
Gets or sets the height to use for the horizontal scrollbar in the component, when enabled.
Gets or sets the inset distance to use for the horizontal scrollbar in the component, when enabled.
Gets or sets the max opacity to use for the horizontal scrollbar in the component, when enabled.
Gets or sets the horizontal scrollbar mode to use for the series viewer.
Gets or sets the outline to use for the horizontal scrollbar in the component, when enabled.
Gets or sets the position to use for the horizontal scrollbar in the component, when enabled.
Gets or sets whether to use automatic track insets for the horizontal scrollbar in the component, when enabled.
Gets or sets the stroke thickness to use for the horizontal scrollbar in the component, when enabled.
Gets or sets the track end inset to use for the horizontal scrollbar in the component, when enabled.
Gets or sets the track start inset to use for the horizontal scrollbar in the component, when enabled.
Method of pixel scaling to use during end user interaction with the chart.
Gets or sets the IsAntiAliasingEnabledDuringInteraction property.
Gets or sets horizontal zoomability of the current control
Set IsHorizontalZoomEnabled to enable or disable horizontal zooming.
this.chart.IsHorizontalZoomEnabled= true;
Indicates if this SeriesViewer is a map.
Gets or sets the whether the series viewer can allow the page to pan if a control pan is not possible in the requested direction.
Gets or sets whether to use a square aspect ratio for the chart. This is locked to true for polar and radial charts.
Set IsSquare to true to constrain the chart to a square, using the minimum of its height and width.
this.chart.isSquare="True";
Gets or sets whether all surface interactions with the plot area should be disabled.
The IsSurfaceInteractionDisabled property is used to enable/disable interactions with the plot surface.
chart.isSurfaceInteractionDisabled=true;
Gets or sets vertical zoomability of the current control
Set IsVerticalZoomEnabled to enable or disable vertical zooming.
this.chart.isVerticalZoomEnabled="True";
Gets or sets whether to sync the vertical aspect of the window with the contained series content. This is only supported for a subset of the available series.
Sets or gets the left margin to use around the chart content.
The LeftMargin property is used to set the left margin.
this.chart.leftMargin = 20;
Gets or sets the legend used for the current chart.
Gets or sets the highlighting mode to use for the legend linked to the component, when supported.
Gets or sets the mode of legend badges representing all series in this chart. This property will be ignored when the LegendItemTemplate or LegendItemBadgeTemplate property is set on a series
Gets or sets type of legend badges representing all series displayed in a legend linked to this component This property will be ignored when the LegendItemTemplate or LegendItemBadgeTemplate property is set on a series
Gets or sets the marker mode used for assigning a marker type to series when the marker type is automatic.
Gets or sets the palette of brushes used for fill of marker series. These brushes are automatically assigned to markers based on the index of series.
Gets or sets the palette of brushes used for outlines of plotted markers. These outlines are automatically assigned to markers based on the index of series.
Gets or sets the palette of brushes used for outlines of plotted series. These outlines are automatically assigned to series based on the index of series.
Gets or sets the current SeriesViewer's PanModifier property.
PanModifier is useful to enable panning when panning is not the default interaction.
this.chart.panModifier = ModifierKeys.Alt;
Gets or sets the scaling value used to affect the pixel density of the control. A higher scaling ratio will produce crisper visuals at the expense of memory. Lower values will cause the control to appear blurry.
Gets or sets the brush used as the background for the current SeriesViewer object's plot area.
PlotAreaBackground property set the background brush to the current Chart object's plot area.
this.chart.plotAreaBackground="#F0F8FF";
Occurs when the left mouse button is clicked while the mouse pointer is over the plot area.
Occurs when the left mouse button is clicked while the mouse pointer is over the plot area.
Margin applied below the plot area.
Margin applied to the left of the plot area.
Margin applied to the right of the plot area.
Margin applied above the plot area.
Occurs when the pointer enters the plot area.
Occurs when the pointer enters the plot area.
Occurs when the pointer exits the plot area.
Occurs when the pointer exits the plot area.
Occurs when the left mouse button is pressed while the mouse pointer is over the plot area.
Occurs when the left mouse button is pressed while the mouse pointer is over the plot area.
Occurs when the left mouse button is pressed while the mouse pointer is over the plot area.
Occurs when the left mouse button is pressed while the mouse pointer is over the plot area.
Occurs when the pointer if over the plot area.
Occurs when the pointer if over the plot area.
Gets or sets whether the series viewer should prefer selecting higher resolution tiles over lower resolution tiles when performing tile zooming. Setting this to true will lower performance but increase quality.
Gets or sets the preview rectangle. The preview rectangle may be set to Rect.Empty, in which case the visible preview strokePath is hidden.
PreviewRect can be used to highlight an area of importance.
this.chart.previewRect = {left:0,top:0,height:.5,width:.5};
Raised when the SeriesViewer's processing for an update has completed.
Raised when the SeriesViewer's processing for an update has completed.
Gets or sets the RightButtonDefaultInteraction property. The default interaction state defines the SeriesViewer's response to right button mouse events.
Sets or gets the right margin to use around the chart content.
The RightMargin property is used to set the left margin around the chart content in the canvas.
this.chart.rightMargin=20;
Gets or sets the duration of the scrollbar effects.
A collection or manually added series for the chart.
Occurs when the cursors are moved over a series in this SeriesViewer.
Occurs when the cursors are moved over a series in this SeriesViewer.
Occurs when the mouse pointer enters a Series.
The SeriesMouseEnter event occurs when the left mouse pointer enters an element of this chart.
<-- position: content member-->
public onSeriesMouseEnter(event: {sender: any, args: ChartMouseEventArgs})
{
var item = event.args.item;
}
Occurs when the mouse pointer enters a Series.
The SeriesMouseEnter event occurs when the left mouse pointer enters an element of this chart.
<-- position: content member-->
public onSeriesMouseEnter(event: {sender: any, args: ChartMouseEventArgs})
{
var item = event.args.item;
}
Occurs when the mouse pointer leaves a Series.
The SeriesMouseLeave event occurs when the left mouse pointer leaves an element of this chart.
public onSeriesMouseLeave(event: {sender: any, args: ChartMouseEventArgs})
{
var item = event.args.item;
}
Occurs when the mouse pointer leaves a Series.
The SeriesMouseLeave event occurs when the left mouse pointer leaves an element of this chart.
public onSeriesMouseLeave(event: {sender: any, args: ChartMouseEventArgs})
{
var item = event.args.item;
}
Occurs when the left mouse button is pressed while the mouse pointer is over a Series.
The SeriesMouseLeftButtonDown event occurs when the left mouse button is pressed while the mouse pointer is over an element of this chart.
<-- position: content member-->
public onSeriesMouseLeftButtonDown(event: {sender: any, args: DataChartMouseButtonEventArgs})
{
var item = event.args.item;
}
Occurs when the left mouse button is pressed while the mouse pointer is over a Series.
The SeriesMouseLeftButtonDown event occurs when the left mouse button is pressed while the mouse pointer is over an element of this chart.
<-- position: content member-->
public onSeriesMouseLeftButtonDown(event: {sender: any, args: DataChartMouseButtonEventArgs})
{
var item = event.args.item;
}
Occurs when the left mouse button is released while the mouse pointer is over a Series.
The SeriesMouseLeftButtonUp event occurs when the left mouse button is released while the mouse pointer is over an element of this chart.
<-- position: content member-->
<-- position: content member-->
public onSeriesMouseLeftButtonUp(event: {sender: any, args: DataChartMouseButtonEventArgs})
{
var item = event.args.item;
}
public onSeriesMouseLeftButtonUp =(event: any, args: DataChartMouseButtonEventArgs )
{
}
Occurs when the left mouse button is released while the mouse pointer is over a Series.
The SeriesMouseLeftButtonUp event occurs when the left mouse button is released while the mouse pointer is over an element of this chart.
<-- position: content member-->
<-- position: content member-->
public onSeriesMouseLeftButtonUp(event: {sender: any, args: DataChartMouseButtonEventArgs})
{
var item = event.args.item;
}
public onSeriesMouseLeftButtonUp =(event: any, args: DataChartMouseButtonEventArgs )
{
}
Occurs when the mouse pointer moves while over a Series.
The SeriesMouseMove event occurs when the left mouse pointer moves while over an element of this chart.
<-- position: content member-->
<-- position: content member-->
public onSeriesMouseMove(event: {sender: any, args: ChartMouseEventArgs})
{
var item = event.args.item;
}
public onSeriesMouseMove =( event: any, args: ChartMouseEventArgs) => {
}
Occurs when the mouse pointer moves while over a Series.
The SeriesMouseMove event occurs when the left mouse pointer moves while over an element of this chart.
<-- position: content member-->
<-- position: content member-->
public onSeriesMouseMove(event: {sender: any, args: ChartMouseEventArgs})
{
var item = event.args.item;
}
public onSeriesMouseMove =( event: any, args: ChartMouseEventArgs) => {
}
Gets or sets horizontal mode to use for automatically calculating the plot area margin based ont the series.
Gets or sets vertical mode to use for automatically calculating the plot area margin based ont the series.
Gets or sets a whether the series viewer should auto expand margins to accomodate the initial horizontal axis labels.
Gets or sets a whether the series viewer should consider auto rotating labels to fit them in the initial view. This implies that ShouldAutoExpandMarginForInitialLabels is true.
Gets or sets a whether the chart should pan its content when zooing in passed max zoom level.
Gets or sets whether calling SimulateHover should shift the crosshair point.
Gets or sets a whether the series viewer should suppress truncation of axis labels.
Occurs after the size of the series viewer changes.
<-- position: content member-->
<-- position: content member-->
public onSizeChanged =(event: any, args: RectChangedEventArgs}){
}
Occurs after the size of the series viewer changes.
<-- position: content member-->
<-- position: content member-->
public onSizeChanged =(event: any, args: RectChangedEventArgs}){
}
Gets or sets the Subtitle property. The Title property defines the Subtitle of the chart
The Subtitle property is used to display subtitle for the component.
this.chart.subtitle="Date of Sale: 1/1/2018";
Margin applied below the subtitle.
The subtitleBottomMargin property is used to set the bottom margin for the subtitle.
this.chart.subtitleBottomMargin = 20;
Gets or sets the SubtitleHorizontalAlignment property.
The subtitleBottomMargin property is used to set the horizontal alignment for the subtitle.
this.chart.subtitleHorizontalAlignment="left";
Margin applied to the left of the subtitle.
The subtitleLeftMarging property is used to set the left margin for the subtitle.
this.chart.subtitleLeftMarging=10;
Margin applied to the right of the subtitle.
The subTitleRightMargin property is used to set the right margin for the subtitle.
this.chart.subtitleLeftMarging=10;
Gets or sets the Color used for the Subtitle Text.
The subtitleTextColor property is used to set the color for the subtitle.
this.chart.subtitleTextColor="blue";
Font settings for the subtitle.
Margin applied above the subtitle.
The subtitleTopMargin property is used to set the top margin for the subtitle.
this.chart.subtitleTopMargin =10;
Gets or sets a whether the series viewer should suppress auto recalculating margin and axis label angles.
Gets or sets the channel with which to synchronize.
Synchronization is the coordination of zooming, panning and crosshairs events between multiple charts. Multiple chart controls can be synchronized horizontally (along X-Axis), vertically (along Y-Axis), or both. If you want to synchronize a set of charts, assign them the same name to the syncChannel and then specify whether or not synchronize chart horizontally and/or vertically.
Gets or sets the bool used to display the window preview shadow.
Synchronization is the coordination of zooming, panning and crosshairs events between multiple charts. Multiple chart controls can be synchronized horizontally (along X-Axis), vertically (along Y-Axis), or both. If you want to synchronize a set of charts, assign them the same name to the syncChannel and then specify whether or not synchronize chart horizontally and/or vertically.
Gets or sets the bool used to display the window preview shadow.
Synchronization is the coordination of zooming, panning and crosshairs events between multiple charts. Multiple chart controls can be synchronized horizontally (along X-Axis), vertically (along Y-Axis), or both. If you want to synchronize a set of charts, assign them the same name to the syncChannel and then specify whether or not synchronize chart horizontally and/or vertically.
Margin applied below the title.
The titleBottomMargin property is used to set the bottom margin for the title.
this.chart.titleBottomMargin=20;
Gets or sets the TitleHorizontalAlignment property.
The subtitleHorizontalAlignment property is used to set horizontal alignment for the subtitle.
this.chart.titleHorizontalAlignment="left";
Margin applied to the left of the title.
The titleLeftMarging property is used to set the left margin for the title.
this.chart.titleLeftMarging=10;
Margin applied to the right of the title.
The titleRightMargin property is used to set the right margin for the title.
this.chart.titleRightMargin=10;
Gets or sets the Color used for the Title Text.
The titleTextColor property is used to set the title brush.
this.chart.titleTextColor="blue" ;
Font settings for the title.
Margin applied above the title.
The titleTopMargin property is used to set the top margin for the title.
this.chart.titleTopMargin
Represents a control for viewing series objects.