Returns node's node document's document base URL.
Returns the children.
Returns the child elements.
Allows 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.
Returns the first child.
Returns 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.
Returns true if node is connected and false otherwise.
Returns the last child.
Returns the last child that is an element, and null otherwise.
Returns the local name.
Returns the namespace.
Returns the first following sibling that is an element, and null otherwise.
Returns the next sibling.
Returns a string appropriate for the type of node, as follows: Element Its HTML-uppercased qualified name. Attr Its qualified name. Text "#text". CDATASection "#cdata-section". ProcessingInstruction Its target. Comment "#comment". Document "#document". DocumentType Its name. DocumentFragment "#document-fragment".
Fires when the user aborts the download.
Fires when the object loses the input focus.
Occurs when playback is possible, but would require further buffering.
Fires when the contents of the object or selection have changed.
Fires when the user clicks the left mouse button on the object
Fires when the user clicks the right mouse button in the client area, opening the context menu.
Fires when the user double-clicks the object.
Fires on the source object continuously during a drag operation.
Fires on the source object when the user releases the mouse at the close of a drag operation.
Fires on the target element when the user drags the object to a valid drop target.
Fires on the target object when the user moves the mouse out of a valid drop target during a drag operation.
Fires on the target element continuously while the user drags the object over a valid drop target.
Fires on the source object when the user starts to drag a text selection or selected object.
Occurs when the duration attribute is updated.
Occurs when the media element is reset to its initial state.
Occurs when the end of playback is reached.
Fires when an error occurs during object loading.
Fires when the object receives focus.
Fires when the user presses a key.
Fires when the user presses an alphanumeric key.
Fires when the user releases a key.
Fires immediately after the browser loads the object.
Occurs when media data is loaded at the current playback position.
Occurs when the duration and dimensions of the media have been determined.
Occurs when Internet Explorer begins looking for media data.
Fires when the user clicks the object with either mouse button.
Fires when the user moves the mouse over the object.
Fires when the user moves the mouse pointer outside the boundaries of the object.
Fires when the user moves the mouse pointer into the object.
Fires when the user releases a mouse button while the mouse is over the object.
Occurs when playback is paused.
Occurs when the play method is requested.
Occurs when the audio or video has started playing.
Occurs to indicate progress while downloading media data.
Occurs when the playback rate is increased or decreased.
Fires when the user resets a form.
Fires when the user repositions the scroll box in the scroll bar on the object.
Occurs when the seek operation ends.
Occurs when the current playback position is moved.
Fires when the current selection changes.
Occurs when the download has stopped.
Occurs if the load operation has been intentionally halted.
Occurs to indicate the current playback position.
Occurs when the volume is changed, or playback is muted or unmuted.
Occurs when playback stops because the next frame of a video resource is not available.
Returns the node document. Returns null for documents.
Returns the parent element.
Returns the parent.
Returns the namespace prefix.
Returns the first preceding sibling that is an element, and null otherwise.
Returns the previous sibling.
Returns 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.
Returns the HTML-uppercased qualified name.
Resolved method of hit testing used when the pointer is over elements in the chart.
let actualContentHitTestMode: ChartHitTestMode =this.chart.actualContentHitTestMode;Resolved 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;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 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;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 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;
``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.
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 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 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;Sets or gets the automatic height to add when automatically adding margins to the chart.
this.chart.autoMarginHeight = 50;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;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;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;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;Text to display above the plot area.
The chartTitle property is used to set the title to display for the component.
this.chart.title="Items Sold";Text to display above the plot area.
The chartTitle property is used to set the title to display for the component.
this.chart.title="Items Sold";Determines the method of hit testing used when mousing over elements in the chart.
this.chart.contentHitTestMode = ChartHitTestMode.Computational;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 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 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 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 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 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;
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 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 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 duration the highlighting/de-highlighting effects.
The highlightingTransitionDuration property is used to set the time for highlighting transition in milliseconds .
chart.HighlightingTransitionDuration=500;Method of pixel scaling to use during end user interaction with the chart.
Method of pixel scaling to use during end user interaction with the chart.
Gets or sets the IsAntiAliasingEnabledDuringInteraction property.
Gets or sets the IsAntiAliasingEnabledDuringInteraction property.
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 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 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 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 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.
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;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 highlighting mode to use for the legend linked to the component, when supported.
Gets or sets the highlighting mode to use for the legend linked to the component, when supported.
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 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 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";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.
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 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};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.
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;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;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 whether calling SimulateHover should shift the crosshair point.
Gets or sets whether calling SimulateHover should shift the crosshair point.
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";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;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";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 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;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";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.
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;Margin applied above the subtitle.
The subtitleTopMargin property is used to set the top margin for the subtitle.
this.chart.subtitleTopMargin =10;Margin applied below the title.
The titleBottomMargin property is used to set the bottom margin for the title.
this.chart.titleBottomMargin=20;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";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 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;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" ;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.
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=10;Margin applied above the title.
The titleTopMargin property is used to set the top margin for the title.
this.chart.titleTopMargin=10;Sets or gets the top margin to use around the chart content.
The topMargin property is used to set the top margin.
this.chart.topMargin=30;Sets or gets the top margin to use around the chart content.
The topMargin property is used to set the top margin.
this.chart.topMargin=30;Gets or sets whether the series viewer should use cached tiles during zooms rather than the default live content.
Gets or sets whether the series viewer should use cached tiles during zooms rather than the default live content.
Raised when an ongoing manipulation of the series viewer is ended.
Raised when an ongoing manipulation of the series viewer is ended.
Raised when an ongoing manipulation of the series viewer is started.
Raised when an ongoing manipulation of the series viewer is started.
Gets the viewport rectangle associated with the SeriesViewer, the physical dimensions of the plot area.
A number between 0 and 1 determining the position of the horizontal scroll. This property is effectively a shortcut to the X position of the WindowRect property.
this.chart.windowPositionHorizontal = .2;A number between 0 and 1 determining the position of the horizontal scroll. This property is effectively a shortcut to the X position of the WindowRect property.
this.chart.windowPositionHorizontal = .2;A number between 0 and 1 determining the position of the vertical scroll. This property is effectively a shortcut to the Y position of the WindowRect property.
this.chart.windowPositionVertical = .2;A number between 0 and 1 determining the position of the vertical scroll. This property is effectively a shortcut to the Y position of the WindowRect property.
this.chart.windowPositionVertical = .2;A rectangle representing the portion of the SeriesViewer currently in view. A rectangle at X=0, Y=0 with a Height and Width of 1 implies the entire plotting area is in view. A Height and Width of .5 would imply that the view is halfway zoomed in.
You can set the windowRect to zoom in on an area of interest in the chart.
this.chart.windowRect = {left:0, top:1, width: .5, height: .5};A rectangle representing the portion of the SeriesViewer currently in view. A rectangle at X=0, Y=0 with a Height and Width of 1 implies the entire plotting area is in view. A Height and Width of .5 would imply that the view is halfway zoomed in.
You can set the windowRect to zoom in on an area of interest in the chart.
this.chart.windowRect = {left:0, top:1, width: .5, height: .5};Occurs just after the current SeriesViewer's window rectangle is changed.
<-- position: content member-->
<-- position: content member-->
public onWindowRectChanged =( s:any, e: RectChangedEventArgs) => {
}Occurs just after the current SeriesViewer's window rectangle is changed.
<-- position: content member-->
<-- position: content member-->
public onWindowRectChanged =( s:any, e: RectChangedEventArgs) => {
}Sets or gets the minimum width that the window rect is allowed to reach before being clamped. Decrease this value if you want to allow for further zooming into the viewer. If this value is lowered too much it can cause graphical corruption due to floating point arithmetic inaccuracy.
The windowRectMinWidth property is used to set or get the minimum width that the window rect is allowed to reach before being clamped.
this.chart.WindowRectMinWidth=".2";Sets or gets the minimum width that the window rect is allowed to reach before being clamped. Decrease this value if you want to allow for further zooming into the viewer. If this value is lowered too much it can cause graphical corruption due to floating point arithmetic inaccuracy.
The windowRectMinWidth property is used to set or get the minimum width that the window rect is allowed to reach before being clamped.
this.chart.WindowRectMinWidth=".2";The response to user panning and zooming: whether to update the view immediately while the user action is happening, or to defer the update to after the user action is complete. The user action will be an action such as a mouse drag which causes panning and/or zooming to occur.
The windowResponse property is used to set the response to user panning and zooming: whether to update the view immediately while the user action is happening, or to defer the update to after the user action is complete.
The user action will be an action such as a mouse drag which causes panning and/or zooming to occur.
this.chart.windowResponse="deferred";The response to user panning and zooming: whether to update the view immediately while the user action is happening, or to defer the update to after the user action is complete. The user action will be an action such as a mouse drag which causes panning and/or zooming to occur.
The windowResponse property is used to set the response to user panning and zooming: whether to update the view immediately while the user action is happening, or to defer the update to after the user action is complete.
The user action will be an action such as a mouse drag which causes panning and/or zooming to occur.
this.chart.windowResponse="deferred";Gets or sets zoom is contrained to within the axes. Setting this to false is a preview feature at the present time.
Gets or sets zoom is contrained to within the axes. Setting this to false is a preview feature at the present time.
Gets or sets the maximum number of zoom tiles that the series viewer should cache while in tiled zooming mode.
Gets or sets the maximum number of zoom tiles that the series viewer should cache while in tiled zooming mode.
Inserts nodes just after node, while replacing strings in nodes with equivalent Text nodes. Throws a "HierarchyRequestError" DOMException if the constraints of the node tree are violated.
Inserts nodes after the last child of node, while replacing strings in nodes with equivalent Text nodes. Throws a "HierarchyRequestError" DOMException if the constraints of the node tree are violated.
Attaches the given series to the chart.
Creates a shadow root for element and returns it.
Inserts nodes just before node, while replacing strings in nodes with equivalent Text nodes. Throws a "HierarchyRequestError" DOMException if the constraints of the node tree are violated.
Clears the tile zoom tile cache so that new tiles will be generated. Only applies if the viewer is using a tile based zoom.
Returns a copy of node. If deep is true, the copy also includes the node's descendants.
Returns the first (starting at element) inclusive ancestor that matches selectors, and null otherwise.
Returns true if other is an inclusive descendant of node, and false otherwise.
Release any resources held by the control.
Dispatches a synthetic event event to target and returns true if either event's cancelable attribute value is false or its preventDefault() method was not invoked, and false otherwise.
Manually ends a tiled zoom if one is running.
Use to force the SeriesViewer to finish any deferred work before printing or evaluating its visual. This should only be called if the visual of the SeriesViewer needs to be synchronously saved or evaluated. Calling this method too often will hinder the performance of the SeriesViewer.
this.chart.flush();Gets actual window scale for horizontal dimension of the control
let actualWindowScaleHorizontal: number = chart.getActualWindowScaleHorizontal();Gets actual window scale for vertical dimension of the control
let actualWindowScaleVertical: number = chart.getActualWindowScaleVertical();Returns element's first attribute whose qualified name is qualifiedName, and null if there is no such attribute otherwise.
Returns element's attribute whose namespace is namespace and local name is localName, and null if there is no such attribute otherwise.
Returns the qualified names of all element's attributes. Can contain duplicates.
Returns node's shadow-including root.
Returns true if element has an attribute whose qualified name is qualifiedName, and false otherwise.
Returns true if element has an attribute whose namespace is namespace and local name is localName.
Returns true if element has attributes, and false otherwise.
Returns whether node has children.
Hides the active main tooltip, if displayed.
this.chart.hideToolTip();Returns whether node and otherNode have the same properties.
Returns true if matching selectors against element's root yields element, and false otherwise.
Removes empty exclusive Text nodes and concatenates the data of remaining contiguous exclusive Text nodes into the first of their nodes.
Used to manually notify the SeriesViewer that the data source has reset or cleared its items. Invoking this method is only necessary if that datasource is not observable.
this.chart.notifyClearItems(this.data);Notification from the containing object that the container has been resized.
Inserts nodes before the first child of node, while replacing strings in nodes with equivalent Text nodes. Throws a "HierarchyRequestError" DOMException if the constraints of the node tree are violated.
Returns the first element that is a descendant of node that matches selectors.
Returns all element descendants of node that match selectors.
Removes node.
Removes element's first attribute whose qualified name is qualifiedName.
Removes element's attribute whose namespace is namespace and local name is localName.
Replaces node with nodes, while replacing strings in nodes with equivalent Text nodes. Throws a "HierarchyRequestError" DOMException if the constraints of the node tree are violated.
Displays element fullscreen and resolves promise when done.
Resets the zoom level to default.
Sets the value of element's first attribute whose qualified name is qualifiedName to value.
Sets the value of element's attribute whose namespace is namespace and local name is localName to value.
Manually starts a tiled zoom if one isn't already running.
If force is not given, "toggles" qualifiedName, removing it if it is present and adding it if it is not present. If force is true, adds qualifiedName. If force is false, removes qualifiedName. Returns true if qualifiedName is now present, and false otherwise.
Represents a control for viewing series objects.