IgxDataChartComponent | Infragistics API Docs

Represents a chart area containing axes, series, an optional legend and other hosted content.

Constructors

IgxDataChartComponent

new IgxDataChartComponent(_renderer: Renderer2, _elRef: ViewContainerRef, _ngZone: NgZone, _injector: Injector): IgxDataChartComponent

Returns IgxDataChartComponent

Properties

_dynamicContent

_dynamicContent: ViewContainerRef

actualAxes

The 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.

actualAxes: IgxAxisComponent[]

actualSeries

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.

actualSeries: IgxSeriesComponent[]

contentAxes

contentAxes: QueryList<IgxAxisComponent>

contentSeries

contentSeries: QueryList<IgxSeriesComponent>

ngAcceptInputType_actualContentHitTestMode

Inherited from: IgxSeriesViewerComponent

ngAcceptInputType_actualContentHitTestMode: string | ChartHitTestMode

ngAcceptInputType_actualInteractionPixelScalingRatio

Inherited from: IgxSeriesViewerComponent

ngAcceptInputType_actualInteractionPixelScalingRatio: string | number

ngAcceptInputType_actualPixelScalingRatio

Inherited from: IgxSeriesViewerComponent

ngAcceptInputType_actualPixelScalingRatio: string | number

ngAcceptInputType_actualPlotAreaMarginBottom

ngAcceptInputType_actualPlotAreaMarginBottom: string | number

ngAcceptInputType_actualPlotAreaMarginLeft

ngAcceptInputType_actualPlotAreaMarginLeft: string | number

ngAcceptInputType_actualPlotAreaMarginRight

ngAcceptInputType_actualPlotAreaMarginRight: string | number

ngAcceptInputType_actualPlotAreaMarginTop

ngAcceptInputType_actualPlotAreaMarginTop: string | number

ngAcceptInputType_actualWindowPositionHorizontal

Inherited from: IgxSeriesViewerComponent

ngAcceptInputType_actualWindowPositionHorizontal: string | number

ngAcceptInputType_actualWindowPositionVertical

Inherited from: IgxSeriesViewerComponent

ngAcceptInputType_actualWindowPositionVertical: string | number

ngAcceptInputType_actualWindowRect

Inherited from: IgxSeriesViewerComponent

ngAcceptInputType_actualWindowRect: any

ngAcceptInputType_actualWindowRectMinHeight

Inherited from: IgxSeriesViewerComponent

ngAcceptInputType_actualWindowRectMinHeight: string | number

ngAcceptInputType_actualWindowRectMinWidth

Inherited from: IgxSeriesViewerComponent

ngAcceptInputType_actualWindowRectMinWidth: string | number

ngAcceptInputType_actualWindowScaleHorizontal

ngAcceptInputType_actualWindowScaleHorizontal: string | number

ngAcceptInputType_actualWindowScaleVertical

ngAcceptInputType_actualWindowScaleVertical: string | number

ngAcceptInputType_alignsGridLinesToPixels

ngAcceptInputType_alignsGridLinesToPixels: string | boolean

ngAcceptInputType_animateSeriesWhenAxisRangeChanges

Inherited from: IgxSeriesViewerComponent

ngAcceptInputType_animateSeriesWhenAxisRangeChanges: string | boolean

ngAcceptInputType_autoExpandMarginExtraPadding

ngAcceptInputType_autoExpandMarginExtraPadding: string | number

ngAcceptInputType_autoExpandMarginMaximumValue

ngAcceptInputType_autoExpandMarginMaximumValue: string | number

ngAcceptInputType_autoMarginAndAngleUpdateMode

ngAcceptInputType_autoMarginAndAngleUpdateMode: string | AutoMarginsAndAngleUpdateMode

ngAcceptInputType_autoMarginHeight

Inherited from: IgxSeriesViewerComponent

ngAcceptInputType_autoMarginHeight: string | number

ngAcceptInputType_autoMarginWidth

Inherited from: IgxSeriesViewerComponent

ngAcceptInputType_autoMarginWidth: string | number

ngAcceptInputType_bottomMargin

Inherited from: IgxSeriesViewerComponent

ngAcceptInputType_bottomMargin: string | number

ngAcceptInputType_brushes

Inherited from: IgxSeriesViewerComponent

ngAcceptInputType_brushes: string | string[]

ngAcceptInputType_computedPlotAreaMarginMode

ngAcceptInputType_computedPlotAreaMarginMode: string | ComputedPlotAreaMarginMode

ngAcceptInputType_contentHitTestMode

Inherited from: IgxSeriesViewerComponent

ngAcceptInputType_contentHitTestMode: string | ChartHitTestMode

ngAcceptInputType_contentViewport

Inherited from: IgxSeriesViewerComponent

ngAcceptInputType_contentViewport: any

ngAcceptInputType_crosshairPoint

Inherited from: IgxSeriesViewerComponent

ngAcceptInputType_crosshairPoint: any

ngAcceptInputType_crosshairVisibility

Inherited from: IgxSeriesViewerComponent

ngAcceptInputType_crosshairVisibility: any

ngAcceptInputType_defaultInteraction

Inherited from: IgxSeriesViewerComponent

ngAcceptInputType_defaultInteraction: any

ngAcceptInputType_dragModifier

Inherited from: IgxSeriesViewerComponent

ngAcceptInputType_dragModifier: any

ngAcceptInputType_effectiveViewport

Inherited from: IgxSeriesViewerComponent

ngAcceptInputType_effectiveViewport: any

ngAcceptInputType_fireMouseLeaveOnManipulationStart

Inherited from: IgxSeriesViewerComponent

ngAcceptInputType_fireMouseLeaveOnManipulationStart: string | boolean

ngAcceptInputType_focusDismissDelayMilliseconds

Inherited from: IgxSeriesViewerComponent

ngAcceptInputType_focusDismissDelayMilliseconds: string | number

ngAcceptInputType_focusedSeriesItems

Inherited from: IgxSeriesViewerComponent

ngAcceptInputType_focusedSeriesItems: string | IgxChartSelectedItemCollection

ngAcceptInputType_focusMode

Inherited from: IgxSeriesViewerComponent

ngAcceptInputType_focusMode: string | SeriesSelectionMode

ngAcceptInputType_focusTransitionDuration

Inherited from: IgxSeriesViewerComponent

ngAcceptInputType_focusTransitionDuration: string | number

ngAcceptInputType_fullAxes

ngAcceptInputType_fullAxes: string | IgxAxisCollection

ngAcceptInputType_fullSeries

Inherited from: IgxSeriesViewerComponent

ngAcceptInputType_fullSeries: string | IgxSeriesCollection

ngAcceptInputType_gridMode

ngAcceptInputType_gridMode: string | GridMode

ngAcceptInputType_highlightedValuesDisplayMode

Inherited from: IgxSeriesViewerComponent

ngAcceptInputType_highlightedValuesDisplayMode: any

ngAcceptInputType_highlightingBehavior

Inherited from: IgxSeriesViewerComponent

ngAcceptInputType_highlightingBehavior: string | SeriesHighlightingBehavior

ngAcceptInputType_highlightingDismissDelayMilliseconds

Inherited from: IgxSeriesViewerComponent

ngAcceptInputType_highlightingDismissDelayMilliseconds: string | number

ngAcceptInputType_highlightingFadeOpacity

Inherited from: IgxSeriesViewerComponent

ngAcceptInputType_highlightingFadeOpacity: string | number

ngAcceptInputType_highlightingMode

Inherited from: IgxSeriesViewerComponent

ngAcceptInputType_highlightingMode: string | SeriesHighlightingMode

ngAcceptInputType_highlightingTransitionDuration

Inherited from: IgxSeriesViewerComponent

ngAcceptInputType_highlightingTransitionDuration: string | number

ngAcceptInputType_horizontalViewScrollbarCornerRadius

Inherited from: IgxSeriesViewerComponent

ngAcceptInputType_horizontalViewScrollbarCornerRadius: string | number

ngAcceptInputType_horizontalViewScrollbarHeight

Inherited from: IgxSeriesViewerComponent

ngAcceptInputType_horizontalViewScrollbarHeight: string | number

ngAcceptInputType_horizontalViewScrollbarInset

Inherited from: IgxSeriesViewerComponent

ngAcceptInputType_horizontalViewScrollbarInset: string | number

ngAcceptInputType_horizontalViewScrollbarMaxOpacity

Inherited from: IgxSeriesViewerComponent

ngAcceptInputType_horizontalViewScrollbarMaxOpacity: string | number

ngAcceptInputType_horizontalViewScrollbarMode

Inherited from: IgxSeriesViewerComponent

ngAcceptInputType_horizontalViewScrollbarMode: string | SeriesViewerScrollbarMode

ngAcceptInputType_horizontalViewScrollbarPosition

Inherited from: IgxSeriesViewerComponent

ngAcceptInputType_horizontalViewScrollbarPosition: string | SeriesViewerHorizontalScrollbarPosition

ngAcceptInputType_horizontalViewScrollbarShouldAddAutoTrackInsets

Inherited from: IgxSeriesViewerComponent

ngAcceptInputType_horizontalViewScrollbarShouldAddAutoTrackInsets: string | boolean

ngAcceptInputType_horizontalViewScrollbarStrokeThickness

Inherited from: IgxSeriesViewerComponent

ngAcceptInputType_horizontalViewScrollbarStrokeThickness: string | number

ngAcceptInputType_horizontalViewScrollbarTrackEndInset

Inherited from: IgxSeriesViewerComponent

ngAcceptInputType_horizontalViewScrollbarTrackEndInset: string | number

ngAcceptInputType_horizontalViewScrollbarTrackStartInset

Inherited from: IgxSeriesViewerComponent

ngAcceptInputType_horizontalViewScrollbarTrackStartInset: string | number

ngAcceptInputType_interactionOverride

Inherited from: IgxSeriesViewerComponent

ngAcceptInputType_interactionOverride: any

ngAcceptInputType_interactionPixelScalingRatio

Inherited from: IgxSeriesViewerComponent

ngAcceptInputType_interactionPixelScalingRatio: string | number

ngAcceptInputType_isAntiAliasingEnabledDuringInteraction

Inherited from: IgxSeriesViewerComponent

ngAcceptInputType_isAntiAliasingEnabledDuringInteraction: string | boolean

ngAcceptInputType_isDetached

Inherited from: IgxSeriesViewerComponent

ngAcceptInputType_isDetached: string | boolean

ngAcceptInputType_isHorizontalZoomEnabled

ngAcceptInputType_isHorizontalZoomEnabled: string | boolean

ngAcceptInputType_isInCreateAnnotationMode

Inherited from: IgxSeriesViewerComponent

ngAcceptInputType_isInCreateAnnotationMode: string | boolean

ngAcceptInputType_isInDeleteAnnotationMode

Inherited from: IgxSeriesViewerComponent

ngAcceptInputType_isInDeleteAnnotationMode: string | boolean

ngAcceptInputType_isMap

Inherited from: IgxSeriesViewerComponent

ngAcceptInputType_isMap: string | boolean

ngAcceptInputType_isPagePanningAllowed

Inherited from: IgxSeriesViewerComponent

ngAcceptInputType_isPagePanningAllowed: string | boolean

ngAcceptInputType_isSquare

ngAcceptInputType_isSquare: string | boolean

ngAcceptInputType_isSurfaceInteractionDisabled

Inherited from: IgxSeriesViewerComponent

ngAcceptInputType_isSurfaceInteractionDisabled: string | boolean

ngAcceptInputType_isUserAnnotationsEnabled

Inherited from: IgxSeriesViewerComponent

ngAcceptInputType_isUserAnnotationsEnabled: string | boolean

ngAcceptInputType_isVerticalZoomEnabled

ngAcceptInputType_isVerticalZoomEnabled: string | boolean

ngAcceptInputType_isWindowSyncedToVisibleRange

Inherited from: IgxSeriesViewerComponent

ngAcceptInputType_isWindowSyncedToVisibleRange: string | boolean

ngAcceptInputType_leftMargin

Inherited from: IgxSeriesViewerComponent

ngAcceptInputType_leftMargin: string | number

ngAcceptInputType_legendHighlightingMode

Inherited from: IgxSeriesViewerComponent

ngAcceptInputType_legendHighlightingMode: string | LegendHighlightingMode

ngAcceptInputType_legendItemBadgeMode

Inherited from: IgxSeriesViewerComponent

ngAcceptInputType_legendItemBadgeMode: any

ngAcceptInputType_legendItemBadgeShape

Inherited from: IgxSeriesViewerComponent

ngAcceptInputType_legendItemBadgeShape: any

ngAcceptInputType_markerAutomaticBehavior

Inherited from: IgxSeriesViewerComponent

ngAcceptInputType_markerAutomaticBehavior: string | MarkerAutomaticBehavior

ngAcceptInputType_markerBrushes

Inherited from: IgxSeriesViewerComponent

ngAcceptInputType_markerBrushes: string | string[]

ngAcceptInputType_markerOutlines

Inherited from: IgxSeriesViewerComponent

ngAcceptInputType_markerOutlines: string | string[]

ngAcceptInputType_outlines

Inherited from: IgxSeriesViewerComponent

ngAcceptInputType_outlines: string | string[]

ngAcceptInputType_panModifier

Inherited from: IgxSeriesViewerComponent

ngAcceptInputType_panModifier: any

ngAcceptInputType_pixelScalingRatio

Inherited from: IgxSeriesViewerComponent

ngAcceptInputType_pixelScalingRatio: string | number

ngAcceptInputType_plotAreaMarginBottom

ngAcceptInputType_plotAreaMarginBottom: string | number

ngAcceptInputType_plotAreaMarginLeft

ngAcceptInputType_plotAreaMarginLeft: string | number

ngAcceptInputType_plotAreaMarginRight

ngAcceptInputType_plotAreaMarginRight: string | number

ngAcceptInputType_plotAreaMarginTop

ngAcceptInputType_plotAreaMarginTop: string | number

ngAcceptInputType_preferHigherResolutionTiles

Inherited from: IgxSeriesViewerComponent

ngAcceptInputType_preferHigherResolutionTiles: string | boolean

ngAcceptInputType_previewPathOpacity

Inherited from: IgxSeriesViewerComponent

ngAcceptInputType_previewPathOpacity: string | number

ngAcceptInputType_previewRect

Inherited from: IgxSeriesViewerComponent

ngAcceptInputType_previewRect: any

ngAcceptInputType_resizeIdleMilliseconds

Inherited from: IgxSeriesViewerComponent

ngAcceptInputType_resizeIdleMilliseconds: string | number

ngAcceptInputType_rightButtonDefaultInteraction

Inherited from: IgxSeriesViewerComponent

ngAcceptInputType_rightButtonDefaultInteraction: any

ngAcceptInputType_rightMargin

Inherited from: IgxSeriesViewerComponent

ngAcceptInputType_rightMargin: string | number

ngAcceptInputType_scrollbarsAnimationDuration

Inherited from: IgxSeriesViewerComponent

ngAcceptInputType_scrollbarsAnimationDuration: string | number

ngAcceptInputType_selectedSeriesItems

Inherited from: IgxSeriesViewerComponent

ngAcceptInputType_selectedSeriesItems: string | IgxChartSelectedItemCollection

ngAcceptInputType_selectionBehavior

Inherited from: IgxSeriesViewerComponent

ngAcceptInputType_selectionBehavior: string | SeriesSelectionBehavior

ngAcceptInputType_selectionDismissDelayMilliseconds

Inherited from: IgxSeriesViewerComponent

ngAcceptInputType_selectionDismissDelayMilliseconds: string | number

ngAcceptInputType_selectionMode

Inherited from: IgxSeriesViewerComponent

ngAcceptInputType_selectionMode: string | SeriesSelectionMode

ngAcceptInputType_selectionModifier

Inherited from: IgxSeriesViewerComponent

ngAcceptInputType_selectionModifier: any

ngAcceptInputType_selectionTransitionDuration

Inherited from: IgxSeriesViewerComponent

ngAcceptInputType_selectionTransitionDuration: string | number

ngAcceptInputType_seriesPlotAreaMarginHorizontalMode

ngAcceptInputType_seriesPlotAreaMarginHorizontalMode: string | SeriesPlotAreaMarginHorizontalMode

ngAcceptInputType_seriesPlotAreaMarginVerticalMode

ngAcceptInputType_seriesPlotAreaMarginVerticalMode: string | SeriesPlotAreaMarginVerticalMode

ngAcceptInputType_seriesValueLayerUseLegend

Inherited from: IgxSeriesViewerComponent

ngAcceptInputType_seriesValueLayerUseLegend: string | boolean

ngAcceptInputType_shouldAutoExpandMarginForInitialLabels

ngAcceptInputType_shouldAutoExpandMarginForInitialLabels: string | boolean

ngAcceptInputType_shouldConsiderAutoRotationForInitialLabels

ngAcceptInputType_shouldConsiderAutoRotationForInitialLabels: string | boolean

ngAcceptInputType_shouldMatchZOrderToSeriesOrder

Inherited from: IgxSeriesViewerComponent

ngAcceptInputType_shouldMatchZOrderToSeriesOrder: string | boolean

ngAcceptInputType_shouldPanOnMaximumZoom

Inherited from: IgxSeriesViewerComponent

ngAcceptInputType_shouldPanOnMaximumZoom: string | boolean

ngAcceptInputType_shouldSimulateHoverMoveCrosshairPoint

Inherited from: IgxSeriesViewerComponent

ngAcceptInputType_shouldSimulateHoverMoveCrosshairPoint: string | boolean

ngAcceptInputType_shouldSuppressAxisLabelTruncation

ngAcceptInputType_shouldSuppressAxisLabelTruncation: string | boolean

ngAcceptInputType_subtitleBottomMargin

Inherited from: IgxSeriesViewerComponent

ngAcceptInputType_subtitleBottomMargin: string | number

ngAcceptInputType_subtitleHorizontalAlignment

Inherited from: IgxSeriesViewerComponent

ngAcceptInputType_subtitleHorizontalAlignment: any

ngAcceptInputType_subtitleLeftMargin

Inherited from: IgxSeriesViewerComponent

ngAcceptInputType_subtitleLeftMargin: string | number

ngAcceptInputType_subtitleRightMargin

Inherited from: IgxSeriesViewerComponent

ngAcceptInputType_subtitleRightMargin: string | number

ngAcceptInputType_subtitleTopMargin

Inherited from: IgxSeriesViewerComponent

ngAcceptInputType_subtitleTopMargin: string | number

ngAcceptInputType_suppressAutoMarginAndAngleRecalculation

ngAcceptInputType_suppressAutoMarginAndAngleRecalculation: string | boolean

ngAcceptInputType_titleBottomMargin

Inherited from: IgxSeriesViewerComponent

ngAcceptInputType_titleBottomMargin: string | number

ngAcceptInputType_titleHorizontalAlignment

Inherited from: IgxSeriesViewerComponent

ngAcceptInputType_titleHorizontalAlignment: any

ngAcceptInputType_titleLeftMargin

Inherited from: IgxSeriesViewerComponent

ngAcceptInputType_titleLeftMargin: string | number

ngAcceptInputType_titleRightMargin

Inherited from: IgxSeriesViewerComponent

ngAcceptInputType_titleRightMargin: string | number

ngAcceptInputType_titleTopMargin

Inherited from: IgxSeriesViewerComponent

ngAcceptInputType_titleTopMargin: string | number

ngAcceptInputType_topMargin

Inherited from: IgxSeriesViewerComponent

ngAcceptInputType_topMargin: string | number

ngAcceptInputType_useTiledZooming

Inherited from: IgxSeriesViewerComponent

ngAcceptInputType_useTiledZooming: string | boolean

ngAcceptInputType_verticalViewScrollbarCornerRadius

Inherited from: IgxSeriesViewerComponent

ngAcceptInputType_verticalViewScrollbarCornerRadius: string | number

ngAcceptInputType_verticalViewScrollbarInset

Inherited from: IgxSeriesViewerComponent

ngAcceptInputType_verticalViewScrollbarInset: string | number

ngAcceptInputType_verticalViewScrollbarMaxOpacity

Inherited from: IgxSeriesViewerComponent

ngAcceptInputType_verticalViewScrollbarMaxOpacity: string | number

ngAcceptInputType_verticalViewScrollbarMode

Inherited from: IgxSeriesViewerComponent

ngAcceptInputType_verticalViewScrollbarMode: string | SeriesViewerScrollbarMode

ngAcceptInputType_verticalViewScrollbarPosition

Inherited from: IgxSeriesViewerComponent

ngAcceptInputType_verticalViewScrollbarPosition: string | SeriesViewerVerticalScrollbarPosition

ngAcceptInputType_verticalViewScrollbarShouldAddAutoTrackInsets

Inherited from: IgxSeriesViewerComponent

ngAcceptInputType_verticalViewScrollbarShouldAddAutoTrackInsets: string | boolean

ngAcceptInputType_verticalViewScrollbarStrokeThickness

Inherited from: IgxSeriesViewerComponent

ngAcceptInputType_verticalViewScrollbarStrokeThickness: string | number

ngAcceptInputType_verticalViewScrollbarTrackEndInset

Inherited from: IgxSeriesViewerComponent

ngAcceptInputType_verticalViewScrollbarTrackEndInset: string | number

ngAcceptInputType_verticalViewScrollbarTrackStartInset

Inherited from: IgxSeriesViewerComponent

ngAcceptInputType_verticalViewScrollbarTrackStartInset: string | number

ngAcceptInputType_verticalViewScrollbarWidth

Inherited from: IgxSeriesViewerComponent

ngAcceptInputType_verticalViewScrollbarWidth: string | number

ngAcceptInputType_viewportRect

Inherited from: IgxSeriesViewerComponent

ngAcceptInputType_viewportRect: any

ngAcceptInputType_windowPositionHorizontal

Inherited from: IgxSeriesViewerComponent

ngAcceptInputType_windowPositionHorizontal: string | number

ngAcceptInputType_windowPositionVertical

Inherited from: IgxSeriesViewerComponent

ngAcceptInputType_windowPositionVertical: string | number

ngAcceptInputType_windowRect

Inherited from: IgxSeriesViewerComponent

ngAcceptInputType_windowRect: any

ngAcceptInputType_windowRectMinHeight

Inherited from: IgxSeriesViewerComponent

ngAcceptInputType_windowRectMinHeight: string | number

ngAcceptInputType_windowRectMinWidth

Inherited from: IgxSeriesViewerComponent

ngAcceptInputType_windowRectMinWidth: string | number

ngAcceptInputType_windowResponse

Inherited from: IgxSeriesViewerComponent

ngAcceptInputType_windowResponse: string | WindowResponse

ngAcceptInputType_windowScaleHorizontal

ngAcceptInputType_windowScaleHorizontal: string | number

ngAcceptInputType_windowScaleVertical

ngAcceptInputType_windowScaleVertical: string | number

ngAcceptInputType_windowSizeMinHeight

Inherited from: IgxSeriesViewerComponent

ngAcceptInputType_windowSizeMinHeight: string | number

ngAcceptInputType_windowSizeMinWidth

Inherited from: IgxSeriesViewerComponent

ngAcceptInputType_windowSizeMinWidth: string | number

ngAcceptInputType_zoomCoercionMode

Inherited from: IgxSeriesViewerComponent

ngAcceptInputType_zoomCoercionMode: string | ZoomCoercionMode

ngAcceptInputType_zoomTileCacheSize

Inherited from: IgxSeriesViewerComponent

ngAcceptInputType_zoomTileCacheSize: string | number

ɵcmp

ɵcmp: ɵɵComponentDeclaration<IgxDataChartComponent, "igx-data-chart", never, object, object, ["contentAxes", "contentSeries"], never, true, never>

ɵfac

ɵfac: ɵɵFactoryDeclaration<IgxDataChartComponent, never>

Accessors

actualContentHitTestMode

Inherited from: IgxSeriesViewerComponent

Resolved method of hit testing used when the pointer is over elements in the chart.

let actualContentHitTestMode: ChartHitTestMode  =this.chart.actualContentHitTestMode;

get actualContentHitTestMode(): ChartHitTestMode

Returns ChartHitTestMode

set actualContentHitTestMode(v: ChartHitTestMode): void

Parameters

v: ChartHitTestMode

Returns void

actualInteractionPixelScalingRatio

Inherited from: IgxSeriesViewerComponent

Resolved method of pixel scaling to use during end user interaction with the chart.

let actualInteractionPixelScalingRatio: number = this.chart.actualInteractionPixelScalingRatio;

get actualInteractionPixelScalingRatio(): number

Returns number

set actualInteractionPixelScalingRatio(v: number): void

Parameters

v: number

Returns void

actualPixelScalingRatio

Inherited from: IgxSeriesViewerComponent

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;

get actualPixelScalingRatio(): number

Returns number

set actualPixelScalingRatio(v: number): void

Parameters

v: number

Returns void

actualPlotAreaMarginBottom

Gets the actual resolved bottom plot area margin;

get actualPlotAreaMarginBottom(): number

Returns number

set actualPlotAreaMarginBottom(v: number): void

Parameters

v: number

Returns void

actualPlotAreaMarginLeft

Gets the actual resolved left plot area margin;

get actualPlotAreaMarginLeft(): number

Returns number

set actualPlotAreaMarginLeft(v: number): void

Parameters

v: number

Returns void

actualPlotAreaMarginRight

Gets the actual resolved right plot area margin;

get actualPlotAreaMarginRight(): number

Returns number

set actualPlotAreaMarginRight(v: number): void

Parameters

v: number

Returns void

actualPlotAreaMarginTop

Gets the actual resolved top plot area margin;

get actualPlotAreaMarginTop(): number

Returns number

set actualPlotAreaMarginTop(v: number): void

Parameters

v: number

Returns void

actualWindowPositionHorizontal

Inherited from: IgxSeriesViewerComponent

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;

get actualWindowPositionHorizontal(): number

Returns number

set actualWindowPositionHorizontal(v: number): void

Parameters

v: number

Returns void

actualWindowPositionVertical

Inherited from: IgxSeriesViewerComponent

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;
``

get actualWindowPositionVertical(): number

Returns number

set actualWindowPositionVertical(v: number): void

Parameters

v: number

Returns void

actualWindowRect

Inherited from: IgxSeriesViewerComponent

Gets the actual value of the window rectangle, which represents the current zoom level.

let actualWindowRect: IgxRect = this.chart.actualWindowRect;
``

get actualWindowRect(): IgRect

Returns IgRect

set actualWindowRect(v: IgRect): void

Parameters

v: IgRect

Returns void

actualWindowRectChanged

Inherited from: IgxSeriesViewerComponent

Raised when the actual window rectangle of the SeriesViewer changes.

get actualWindowRectChanged(): EventEmitter<object>

Returns EventEmitter<object>

actualWindowRectMinHeight

Inherited from: IgxSeriesViewerComponent

Gets the actual minimum height that the window rect is allowed to reach before being clamped.

get actualWindowRectMinHeight(): number

Returns number

set actualWindowRectMinHeight(v: number): void

Parameters

v: number

Returns void

actualWindowRectMinWidth

Inherited from: IgxSeriesViewerComponent

Gets the actual minimum width that the window rect is allowed to reach before being clamped.

get actualWindowRectMinWidth(): number

Returns number

set actualWindowRectMinWidth(v: number): void

Parameters

v: number

Returns void

actualWindowScaleHorizontal

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.

get actualWindowScaleHorizontal(): number

Returns number

set actualWindowScaleHorizontal(v: number): void

Parameters

v: number

Returns void

actualWindowScaleVertical

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.

get actualWindowScaleVertical(): number

Returns number

set actualWindowScaleVertical(v: number): void

Parameters

v: number

Returns void

alignsGridLinesToPixels

Gets or sets a value indicating whether grid and tick lines are aligned to device pixels.

get alignsGridLinesToPixels(): boolean

Returns boolean

set alignsGridLinesToPixels(v: boolean): void

Parameters

v: boolean

Returns void

animateSeriesWhenAxisRangeChanges

Inherited from: IgxSeriesViewerComponent

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.

<igx-data-chart
    [dataSource]="data"
    animateSeriesWhenAxisRangeChanges=true>
    <igx-category-x-axis
        label="label"
        #xAxis>
    </igx-category-x-axis>
    <igx-numeric-y-axis
        #yAxis>
    </igx-numeric-y-axis>
    <igx-column-series
        [xAxis]="xAxis"
        [yAxis]="yAxis"
        valueMemberPath="value"
        transitionInMode="accordionFromBottom"
        isTransitionInEnabled=true
        transitionInSpeedType="indexScaled"
        transitionDuration=1000>
    </igx-column-series>
</igx-data-chart>

this.chart.animateSeriesWhenAxisRangeChanges = true;

get animateSeriesWhenAxisRangeChanges(): boolean

Returns boolean

set animateSeriesWhenAxisRangeChanges(v: boolean): void

Parameters

v: boolean

Returns void

autoExpandMarginExtraPadding

Gets or sets the extra amount the series viewer should auto expand margins to accomodate the initial horizontal axis labels.

get autoExpandMarginExtraPadding(): number

Returns number

set autoExpandMarginExtraPadding(v: number): void

Parameters

v: number

Returns void

autoExpandMarginMaximumValue

Gets or sets the maximum amount the series viewer should auto expand margins to accomodate the initial horizontal axis labels.

get autoExpandMarginMaximumValue(): number

Returns number

set autoExpandMarginMaximumValue(v: number): void

Parameters

v: number

Returns void

autoMarginAndAngleUpdateMode

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.

get autoMarginAndAngleUpdateMode(): AutoMarginsAndAngleUpdateMode

Returns AutoMarginsAndAngleUpdateMode

set autoMarginAndAngleUpdateMode(v: AutoMarginsAndAngleUpdateMode): void

Parameters

v: AutoMarginsAndAngleUpdateMode

Returns void

autoMarginHeight

Inherited from: IgxSeriesViewerComponent

Sets or gets the automatic height to add when automatically adding margins to the chart.

<igx-data-chart
    [dataSource]="data"
    autoMarginHeight=50>
    <igx-category-x-axis
        label="label"
        #xAxis>
    </igx-category-x-axis>
    <igx-numeric-y-axis
        #yAxis>
    </igx-numeric-y-axis>
    <igx-column-series
        [xAxis]="xAxis"
        [yAxis]="yAxis"
        valueMemberPath="value">
    </igx-column-series>
</igx-data-chart>

this.chart.autoMarginHeight = 50;

get autoMarginHeight(): number

Returns number

set autoMarginHeight(v: number): void

Parameters

v: number

Returns void

autoMarginWidth

Inherited from: IgxSeriesViewerComponent

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.

<igx-data-chart
    [dataSource]="data"
    autoMarginWidth=50>
    <igx-category-x-axis
        label="label"
        #xAxis>
    </igx-category-x-axis>
    <igx-numeric-y-axis
        #yAxis>
    </igx-numeric-y-axis>
    <igx-column-series
        [xAxis]="xAxis"
        [yAxis]="yAxis"
        valueMemberPath="value">
    </igx-column-series>
</igx-data-chart>

this.chart.autoMarginWidth = 50;

get autoMarginWidth(): number

Returns number

set autoMarginWidth(v: number): void

Parameters

v: number

Returns void

axes

A collection or manually added axes for the chart.

get axes(): IgxAxisCollection

Returns IgxAxisCollection

axisLabelMouseClick

Inherited from: IgxSeriesViewerComponent

get axisLabelMouseClick(): EventEmitter<object>

Returns EventEmitter<object>

axisLabelMouseDown

Inherited from: IgxSeriesViewerComponent

get axisLabelMouseDown(): EventEmitter<object>

Returns EventEmitter<object>

axisLabelMouseEnter

Inherited from: IgxSeriesViewerComponent

get axisLabelMouseEnter(): EventEmitter<object>

Returns EventEmitter<object>

axisLabelMouseLeave

Inherited from: IgxSeriesViewerComponent

get axisLabelMouseLeave(): EventEmitter<object>

Returns EventEmitter<object>

axisLabelMouseOver

Inherited from: IgxSeriesViewerComponent

get axisLabelMouseOver(): EventEmitter<object>

Returns EventEmitter<object>

axisLabelMouseUp

Inherited from: IgxSeriesViewerComponent

get axisLabelMouseUp(): EventEmitter<object>

Returns EventEmitter<object>

axisPanelMouseClick

Inherited from: IgxSeriesViewerComponent

get axisPanelMouseClick(): EventEmitter<object>

Returns EventEmitter<object>

axisPanelMouseDown

Inherited from: IgxSeriesViewerComponent

get axisPanelMouseDown(): EventEmitter<object>

Returns EventEmitter<object>

axisPanelMouseEnter

Inherited from: IgxSeriesViewerComponent

get axisPanelMouseEnter(): EventEmitter<object>

Returns EventEmitter<object>

axisPanelMouseLeave

Inherited from: IgxSeriesViewerComponent

get axisPanelMouseLeave(): EventEmitter<object>

Returns EventEmitter<object>

axisPanelMouseOver

Inherited from: IgxSeriesViewerComponent

get axisPanelMouseOver(): EventEmitter<object>

Returns EventEmitter<object>

axisPanelMouseUp

Inherited from: IgxSeriesViewerComponent

get axisPanelMouseUp(): EventEmitter<object>

Returns EventEmitter<object>

bottomMargin

Inherited from: IgxSeriesViewerComponent

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;

<igx-data-chart
    [dataSource]="data"
    bottomMargin=50>
    <igx-category-x-axis
        label="label"
        #xAxis>
    </igx-category-x-axis>
    <igx-numeric-y-axis
        #yAxis>
    </igx-numeric-y-axis>
    <igx-column-series
        [xAxis]="xAxis"
        [yAxis]="yAxis"
        valueMemberPath="value">
    </igx-column-series>
</igx-data-chart>

get bottomMargin(): number

Returns number

set bottomMargin(v: number): void

Parameters

v: number

Returns void

brushes

Inherited from: IgxSeriesViewerComponent

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.

get brushes(): string[]

Returns string[]

set brushes(v: string[]): void

Parameters

v: string[]

Returns void

chartTitle

Inherited from: IgxSeriesViewerComponent

Text to display above the plot area.

The Title property is used to set the title to display for the component.

<igx-data-chart
    [dataSource]="data"
    title="Items Sold">
    <igx-category-x-axis
        label="label"
        #xAxis>
    </igx-category-x-axis>
    <igx-numeric-y-axis
        #yAxis>
    </igx-numeric-y-axis>
    <igx-column-series
        [xAxis]="xAxis"
        [yAxis]="yAxis"
        valueMemberPath="value">
    </igx-column-series>
</igx-data-chart>

this.chart.title="Items Sold";

get chartTitle(): string

Returns string

set chartTitle(v: string): void

Parameters

v: string

Returns void

computedPlotAreaMarginMode

Gets or sets mode to use for automatically calculating the plot area margin.

get computedPlotAreaMarginMode(): ComputedPlotAreaMarginMode

Returns ComputedPlotAreaMarginMode

set computedPlotAreaMarginMode(v: ComputedPlotAreaMarginMode): void

Parameters

v: ComputedPlotAreaMarginMode

Returns void

contentHitTestMode

Inherited from: IgxSeriesViewerComponent

Determines the method of hit testing used when mousing over elements in the chart.

this.chart.contentHitTestMode = ChartHitTestMode.Computational;

get contentHitTestMode(): ChartHitTestMode

Returns ChartHitTestMode

set contentHitTestMode(v: ChartHitTestMode): void

Parameters

v: ChartHitTestMode

Returns void

contentViewport

Inherited from: IgxSeriesViewerComponent

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.

let contentViewport: IgxRect = this.chart.contentViewport;

get contentViewport(): IgRect

Returns IgRect

crosshairPoint

Inherited from: IgxSeriesViewerComponent

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).

<igx-data-chart
    [dataSource]="data"
    crosshairVisibility="visible"
    crosshairPoint={x:.8,y:.2}>
    <igx-category-x-axis
        label="label"
        #xAxis>
    </igx-category-x-axis>
    <igx-numeric-y-axis
        #yAxis>
    </igx-numeric-y-axis>
    <igx-line-series
        [xAxis]="xAxis"
        [yAxis]="yAxis"
        valueMemberPath="value">
    </igx-line-series>
</igx-data-chart>

this.chart.crosshairPoint = {x:.8,y:.2};

get crosshairPoint(): IgPoint

Returns IgPoint

set crosshairPoint(v: IgPoint): void

Parameters

v: IgPoint

Returns void

crosshairVisibility

Inherited from: IgxSeriesViewerComponent

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.

<igx-data-chart
    [dataSource]="data"
    crosshairVisibility="visible">
    <igx-category-x-axis
        label="label"
        #xAxis>
    </igx-category-x-axis>
    <igx-numeric-y-axis
        #yAxis>
    </igx-numeric-y-axis>
    <igx-line-series
        [xAxis]="xAxis"
        [yAxis]="yAxis"
        valueMemberPath="value">
    </igx-line-series>
</igx-data-chart>

this.chart.crosshairVisibility = Visibility.Visible;

get crosshairVisibility(): Visibility

Returns Visibility

set crosshairVisibility(v: Visibility): void

Parameters

v: Visibility

Returns void

dataSource

get dataSource(): any

Returns any

set dataSource(value: any): void

Parameters

value: any

Returns void

defaultAxisMajorStroke

Gets or sets the DefaultAxisMajorStroke property. The DefaultAxisMajorStroke property defines the brush which is used by the axes when no Axis.MajorStroke is set.

get defaultAxisMajorStroke(): string

Returns string

set defaultAxisMajorStroke(v: string): void

Parameters

v: string

Returns void

defaultAxisMinorStroke

Gets or sets the DefaultAxisMinorStroke property. The DefaultAxisMinorStroke property defines the brush which is used by the axes when no Axis.MinorStroke is set.

get defaultAxisMinorStroke(): string

Returns string

set defaultAxisMinorStroke(v: string): void

Parameters

v: string

Returns void

defaultAxisStroke

Gets or sets the DefaultAxisStroke property. The DefaultAxisStroke property defines the brush which is used by the axes when no Axis.Stroke is set.

get defaultAxisStroke(): string

Returns string

set defaultAxisStroke(v: string): void

Parameters

v: string

Returns void

defaultInteraction

Inherited from: IgxSeriesViewerComponent

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.

<igx-data-chart
    [dataSource]="data"
    isHorizontalZoomEnabled=true
    defaultInteraction="dragPan">
    <igx-category-x-axis
        label="label"
        #xAxis>
    </igx-category-x-axis>
    <igx-numeric-y-axis
        #yAxis>
    </igx-numeric-y-axis>
    <igx-line-series
        [xAxis]="xAxis"
        [yAxis]="yAxis"
        valueMemberPath="value">
    </igx-line-series>
</igx-data-chart>

this.chart.defaultInteraction = InteractionState.DragPan;

get defaultInteraction(): InteractionState

Returns InteractionState

set defaultInteraction(v: InteractionState): void

Parameters

v: InteractionState

Returns void

dragModifier

Inherited from: IgxSeriesViewerComponent

Gets or sets the current SeriesViewer's DragModifier property.

DragModifier is useful to enable zooming when zooming is not the default interaction.

<igx-data-chart
    [dataSource]="data"
    isHorizontalZoomEnabled=true
    defaultInteraction="dragPan"
    dragModifier="alt">
    <igx-category-x-axis
        label="label"
        #xAxis>
    </igx-category-x-axis>
    <igx-numeric-y-axis
        #yAxis>
    </igx-numeric-y-axis>
    <igx-line-series
        [xAxis]="xAxis"
        [yAxis]="yAxis"
        valueMemberPath="value">
    </igx-line-series>
</igx-data-chart>

this.chart.dragModifier = ModifierKeys.Alt;

get dragModifier(): ModifierKeys

Returns ModifierKeys

set dragModifier(v: ModifierKeys): void

Parameters

v: ModifierKeys

Returns void

effectiveViewport

Inherited from: IgxSeriesViewerComponent

Gets the EffectiveViewport rectangle, representing the effective viewport area after margins have been subtracted.

``ts let viewport: IgxRect = this.chart.effectiveViewport;

get effectiveViewport(): IgRect

Returns IgRect

set effectiveViewport(v: IgRect): void

Parameters

v: IgRect

Returns void

fireMouseLeaveOnManipulationStart

Inherited from: IgxSeriesViewerComponent

Gets or sets how the mouse leave event fires when a manipulation is started.

get fireMouseLeaveOnManipulationStart(): boolean

Returns boolean

set fireMouseLeaveOnManipulationStart(v: boolean): void

Parameters

v: boolean

Returns void

focusBrush

Inherited from: IgxSeriesViewerComponent

Gets or sets the Focus brush to use for the series.

get focusBrush(): string

Returns string

set focusBrush(v: string): void

Parameters

v: string

Returns void

focusDismissDelayMilliseconds

Inherited from: IgxSeriesViewerComponent

Gets or sets the amount of time to delay before dismissing a selection effect.

get focusDismissDelayMilliseconds(): number

Returns number

set focusDismissDelayMilliseconds(v: number): void

Parameters

v: number

Returns void

focusedSeriesItems

Inherited from: IgxSeriesViewerComponent

Gets the currently focused data items. Adding or removing data items from this collection will focus or blur the visuals associated with those items.

get focusedSeriesItems(): IgxChartSelectedItemCollection

Returns IgxChartSelectedItemCollection

set focusedSeriesItems(v: IgxChartSelectedItemCollection): void

Parameters

v: IgxChartSelectedItemCollection

Returns void

focusedSeriesItemsChanged

Inherited from: IgxSeriesViewerComponent

Raised when the SelectedItems collection has changed.

get focusedSeriesItemsChanged(): EventEmitter<object>

Returns EventEmitter<object>

focusMode

Inherited from: IgxSeriesViewerComponent

Gets or sets the focus mode to use for the series in the component, when supported.

get focusMode(): SeriesSelectionMode

Returns SeriesSelectionMode

set focusMode(v: SeriesSelectionMode): void

Parameters

v: SeriesSelectionMode

Returns void

focusTransitionDuration

Inherited from: IgxSeriesViewerComponent

Gets or sets the duration the Focus/de-Focus effects.

get focusTransitionDuration(): number

Returns number

set focusTransitionDuration(v: number): void

Parameters

v: number

Returns void

fullAxes

get fullAxes(): IgxAxisCollection

Returns IgxAxisCollection

set fullAxes(v: IgxAxisCollection): void

Parameters

v: IgxAxisCollection

Returns void

fullSeries

Inherited from: IgxSeriesViewerComponent

get fullSeries(): IgxSeriesCollection

Returns IgxSeriesCollection

set fullSeries(v: IgxSeriesCollection): void

Parameters

v: IgxSeriesCollection

Returns void

gridAreaRectChanged

Inherited from: IgxSeriesViewerComponent

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.

get gridAreaRectChanged(): EventEmitter<object>

Returns EventEmitter<object>

gridMode

Gets or sets how grid lines are rendered in relation to series.

Try setting the GridMode property to bring your grid lines in front of the data series.

<igx-data-chart [dataSource]="data"
    gridMode="beforeSeries">
  <igx-category-x-axis #xAxis
    label="label">
  </igx-category-x-axis>
  <igx-numeric-y-axis #yAxis
    majorStroke="green">
  </igx-numeric-y-axis>

  <igx-column-series
    [xAxis]="xAxis"
    [yAxis]="yAxis"
    valueMemberPath="value">
  </igx-column-series>
</igx-data-chart>

get gridMode(): GridMode

Returns GridMode

set gridMode(v: GridMode): void

Parameters

v: GridMode

Returns void

height

get height(): string

Returns string

set height(value: string): void

Parameters

value: string

Returns void

highlightedDataSource

get highlightedDataSource(): any

Returns any

set highlightedDataSource(value: any): void

Parameters

value: any

Returns void

highlightedValuesDisplayMode

Inherited from: IgxSeriesViewerComponent

Gets or sets whether and how to display highlighted values for the series by default. Note, this is distinct from the highlighting feature that indicates what is closest or under the mouse.

get highlightedValuesDisplayMode(): SeriesHighlightedValuesDisplayMode

Returns SeriesHighlightedValuesDisplayMode

set highlightedValuesDisplayMode(v: SeriesHighlightedValuesDisplayMode): void

Parameters

v: SeriesHighlightedValuesDisplayMode

Returns void

highlightingBehavior

Inherited from: IgxSeriesViewerComponent

Gets or sets the highlighting Behavior to use for the series in the component, when supported. This takes precedence over the series level IsHighlightingEnabled.

get highlightingBehavior(): SeriesHighlightingBehavior

Returns SeriesHighlightingBehavior

set highlightingBehavior(v: SeriesHighlightingBehavior): void

Parameters

v: SeriesHighlightingBehavior

Returns void

highlightingDismissDelayMilliseconds

Inherited from: IgxSeriesViewerComponent

Gets or sets the amount of time to delay before dismissing a selection effect.

get highlightingDismissDelayMilliseconds(): number

Returns number

set highlightingDismissDelayMilliseconds(v: number): void

Parameters

v: number

Returns void

highlightingFadeOpacity

Inherited from: IgxSeriesViewerComponent

Gets or sets the target opacity to fade to for fade style highlighting.

get highlightingFadeOpacity(): number

Returns number

set highlightingFadeOpacity(v: number): void

Parameters

v: number

Returns void

highlightingMode

Inherited from: IgxSeriesViewerComponent

Gets or sets the highlighting mode to use for the series in the component, when supported. This takes precedence over the series level IsHighlightingEnabled.

get highlightingMode(): SeriesHighlightingMode

Returns SeriesHighlightingMode

set highlightingMode(v: SeriesHighlightingMode): void

Parameters

v: SeriesHighlightingMode

Returns void

highlightingTransitionDuration

Inherited from: IgxSeriesViewerComponent

Gets or sets the duration the highlighting/de-highlighting effects.

The HighlightingTransitionDuration property is used to set the time for highlighting transition in milliseconds .

<igx-data-chart
    [dataSource]="data"
	HighlightingTransitionDuration=500 >
    <igx-category-x-axis
        label="label"
        #xAxis>
    </igx-category-x-axis>
    <igx-numeric-y-axis
        #yAxis>
    </igx-numeric-y-axis>
    <igx-column-series
        [xAxis]="xAxis"
        [yAxis]="yAxis"
        valueMemberPath="value" >
    </igx-column-series>
</igx-data-chart>

chart.HighlightingTransitionDuration=500;

get highlightingTransitionDuration(): number

Returns number

set highlightingTransitionDuration(v: number): void

Parameters

v: number

Returns void

horizontalCrosshairBrush

Inherited from: IgxSeriesViewerComponent

Gets or sets the current SeriesViewer's crosshair horizontal brush override.

get horizontalCrosshairBrush(): string

Returns string

set horizontalCrosshairBrush(v: string): void

Parameters

v: string

Returns void

horizontalViewScrollbarCornerRadius

Inherited from: IgxSeriesViewerComponent

Gets or sets the corner radius to use for the horizontal scrollbar in the component, when enabled.

get horizontalViewScrollbarCornerRadius(): number

Returns number

set horizontalViewScrollbarCornerRadius(v: number): void

Parameters

v: number

Returns void

horizontalViewScrollbarFill

Inherited from: IgxSeriesViewerComponent

Gets or sets the fill to use for the horizontal scrollbar in the component, when enabled.

get horizontalViewScrollbarFill(): string

Returns string

set horizontalViewScrollbarFill(v: string): void

Parameters

v: string

Returns void

horizontalViewScrollbarHeight

Inherited from: IgxSeriesViewerComponent

Gets or sets the height to use for the horizontal scrollbar in the component, when enabled.

get horizontalViewScrollbarHeight(): number

Returns number

set horizontalViewScrollbarHeight(v: number): void

Parameters

v: number

Returns void

horizontalViewScrollbarInset

Inherited from: IgxSeriesViewerComponent

Gets or sets the inset distance to use for the horizontal scrollbar in the component, when enabled.

get horizontalViewScrollbarInset(): number

Returns number

set horizontalViewScrollbarInset(v: number): void

Parameters

v: number

Returns void

horizontalViewScrollbarMaxOpacity

Inherited from: IgxSeriesViewerComponent

Gets or sets the max opacity to use for the horizontal scrollbar in the component, when enabled.

get horizontalViewScrollbarMaxOpacity(): number

Returns number

set horizontalViewScrollbarMaxOpacity(v: number): void

Parameters

v: number

Returns void

horizontalViewScrollbarMode

Inherited from: IgxSeriesViewerComponent

Gets or sets the horizontal scrollbar mode to use for the series viewer.

get horizontalViewScrollbarMode(): SeriesViewerScrollbarMode

Returns SeriesViewerScrollbarMode

set horizontalViewScrollbarMode(v: SeriesViewerScrollbarMode): void

Parameters

v: SeriesViewerScrollbarMode

Returns void

horizontalViewScrollbarOutline

Inherited from: IgxSeriesViewerComponent

Gets or sets the outline to use for the horizontal scrollbar in the component, when enabled.

get horizontalViewScrollbarOutline(): string

Returns string

set horizontalViewScrollbarOutline(v: string): void

Parameters

v: string

Returns void

horizontalViewScrollbarPosition

Inherited from: IgxSeriesViewerComponent

Gets or sets the position to use for the horizontal scrollbar in the component, when enabled.

get horizontalViewScrollbarPosition(): SeriesViewerHorizontalScrollbarPosition

Returns SeriesViewerHorizontalScrollbarPosition

set horizontalViewScrollbarPosition(v: SeriesViewerHorizontalScrollbarPosition): void

Parameters

v: SeriesViewerHorizontalScrollbarPosition

Returns void

horizontalViewScrollbarShouldAddAutoTrackInsets

Inherited from: IgxSeriesViewerComponent

Gets or sets whether to use automatic track insets for the horizontal scrollbar in the component, when enabled.

get horizontalViewScrollbarShouldAddAutoTrackInsets(): boolean

Returns boolean

set horizontalViewScrollbarShouldAddAutoTrackInsets(v: boolean): void

Parameters

v: boolean

Returns void

horizontalViewScrollbarStrokeThickness

Inherited from: IgxSeriesViewerComponent

Gets or sets the stroke thickness to use for the horizontal scrollbar in the component, when enabled.

get horizontalViewScrollbarStrokeThickness(): number

Returns number

set horizontalViewScrollbarStrokeThickness(v: number): void

Parameters

v: number

Returns void

horizontalViewScrollbarTrackEndInset

Inherited from: IgxSeriesViewerComponent

Gets or sets the track end inset to use for the horizontal scrollbar in the component, when enabled.

get horizontalViewScrollbarTrackEndInset(): number

Returns number

set horizontalViewScrollbarTrackEndInset(v: number): void

Parameters

v: number

Returns void

horizontalViewScrollbarTrackStartInset

Inherited from: IgxSeriesViewerComponent

Gets or sets the track start inset to use for the horizontal scrollbar in the component, when enabled.

get horizontalViewScrollbarTrackStartInset(): number

Returns number

set horizontalViewScrollbarTrackStartInset(v: number): void

Parameters

v: number

Returns void

imageCaptured

Inherited from: IgxSeriesViewerComponent

Event raised when an image of the component is saved

get imageCaptured(): EventEmitter<object>

Returns EventEmitter<object>

interactionOverride

Inherited from: IgxSeriesViewerComponent

Gets or sets the InteractionOverride property. The interaction override overrides the default interaction and modifiers keys and defines the SeriesViewer's response to mouse events.

get interactionOverride(): InteractionState

Returns InteractionState

set interactionOverride(v: InteractionState): void

Parameters

v: InteractionState

Returns void

interactionPixelScalingRatio

Inherited from: IgxSeriesViewerComponent

Method of pixel scaling to use during end user interaction with the chart.

get interactionPixelScalingRatio(): number

Returns number

set interactionPixelScalingRatio(v: number): void

Parameters

v: number

Returns void

isAntiAliasingEnabledDuringInteraction

Inherited from: IgxSeriesViewerComponent

Gets or sets the IsAntiAliasingEnabledDuringInteraction property.

get isAntiAliasingEnabledDuringInteraction(): boolean

Returns boolean

set isAntiAliasingEnabledDuringInteraction(v: boolean): void

Parameters

v: boolean

Returns void

isDetached

Inherited from: IgxSeriesViewerComponent

get isDetached(): boolean

Returns boolean

isHorizontalZoomEnabled

Gets or sets horizontal zoomability of the current control

Set IsHorizontalZoomEnabled to enable or disable horizontal zooming.

<igx-data-chart [dataSource]="data"
    isHorizontalZoomEnabled="true">
  <igx-category-x-axis #xAxis
    label="label">
  </igx-category-x-axis>
  <igx-numeric-y-axis #yAxis>
  </igx-numeric-y-axis>

  <igx-column-series
    [xAxis]="xAxis"
    [yAxis]="yAxis"
    valueMemberPath="value">
  </igx-column-series>
</igx-data-chart>

this.chart.IsHorizontalZoomEnabled= true;

get isHorizontalZoomEnabled(): boolean

Returns boolean

set isHorizontalZoomEnabled(v: boolean): void

Parameters

v: boolean

Returns void

isInCreateAnnotationMode

Inherited from: IgxSeriesViewerComponent

get isInCreateAnnotationMode(): boolean

Returns boolean

isInDeleteAnnotationMode

Inherited from: IgxSeriesViewerComponent

get isInDeleteAnnotationMode(): boolean

Returns boolean

isMap

Inherited from: IgxSeriesViewerComponent

Indicates if this SeriesViewer is a map.

get isMap(): boolean

Returns boolean

isPagePanningAllowed

Inherited from: IgxSeriesViewerComponent

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.

get isPagePanningAllowed(): boolean

Returns boolean

set isPagePanningAllowed(v: boolean): void

Parameters

v: boolean

Returns void

isSquare

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.

<igx-data-chart [dataSource]="data"
    isSquare="true"
    width="800px"
    height="400px">
  <igx-category-x-axis #xAxis
    label="label">
  </igx-category-x-axis>
  <igx-numeric-y-axis #yAxis
    majorStroke="green">
  </igx-numeric-y-axis>

  <igx-column-series
    [xAxis]="xAxis"
    [yAxis]="yAxis"
    valueMemberPath="value">
  </igx-column-series>
</igx-data-chart>

this.chart.isSquare="True";

get isSquare(): boolean

Returns boolean

set isSquare(v: boolean): void

Parameters

v: boolean

Returns void

isSurfaceInteractionDisabled

Inherited from: IgxSeriesViewerComponent

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.

<igx-data-chart
    [dataSource]="data"
    isSurfaceInteractionDisabled=true>
    <igx-category-x-axis
        label="label"
        #xAxis>
    </igx-category-x-axis>
    <igx-numeric-y-axis
        #yAxis>
    </igx-numeric-y-axis>
    <igx-line-series
        [xAxis]="xAxis"
        [yAxis]="yAxis"
        valueMemberPath="value">
    </igx-line-series>
</igx-data-chart>

chart.isSurfaceInteractionDisabled=true;

get isSurfaceInteractionDisabled(): boolean

Returns boolean

set isSurfaceInteractionDisabled(v: boolean): void

Parameters

v: boolean

Returns void

isUserAnnotationsEnabled

Inherited from: IgxSeriesViewerComponent

Gets or sets whether initiating user annotations from the toolbar is enabled.

get isUserAnnotationsEnabled(): boolean

Returns boolean

set isUserAnnotationsEnabled(v: boolean): void

Parameters

v: boolean

Returns void

isVerticalZoomEnabled

Gets or sets vertical zoomability of the current control

Set IsVerticalZoomEnabled to enable or disable vertical zooming.

<igx-data-chart [dataSource]="data"
    isVerticalZoomEnabled="true">
  <igx-category-x-axis #xAxis
    label="label">
  </igx-category-x-axis>
  <igx-numeric-y-axis #yAxis>
  </igx-numeric-y-axis>

  <igx-column-series
    [xAxis]="xAxis"
    [yAxis]="yAxis"
    valueMemberPath="value">
  </igx-column-series>
</igx-data-chart>

this.chart.isVerticalZoomEnabled="True";

get isVerticalZoomEnabled(): boolean

Returns boolean

set isVerticalZoomEnabled(v: boolean): void

Parameters

v: boolean

Returns void

isWindowSyncedToVisibleRange

Inherited from: IgxSeriesViewerComponent

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.

get isWindowSyncedToVisibleRange(): boolean

Returns boolean

set isWindowSyncedToVisibleRange(v: boolean): void

Parameters

v: boolean

Returns void

leftMargin

Inherited from: IgxSeriesViewerComponent

Sets or gets the left margin to use around the chart content.

The LeftMargin property is used to set the left margin.

<igx-data-chart
    [dataSource]="data"
    leftMargin=20
    rightMargin=20
    topMargin=30
    bottomMargin=20>
    <igx-category-x-axis
        label="label"
        #xAxis>
    </igx-category-x-axis>
    <igx-numeric-y-axis
        #yAxis>
    </igx-numeric-y-axis>
    <igx-line-series
        [xAxis]="xAxis"
        [yAxis]="yAxis"
        valueMemberPath="value">
    </igx-line-series>
</igx-data-chart>

this.chart.leftMargin = 20;

get leftMargin(): number

Returns number

set leftMargin(v: number): void

Parameters

v: number

Returns void

legend

Gets or sets the legend used for the current chart.

get legend(): any

Returns any

set legend(v: any): void

Parameters

v: any

Returns void

legendHighlightingMode

Inherited from: IgxSeriesViewerComponent

Gets or sets the highlighting mode to use for the legend linked to the component, when supported.

get legendHighlightingMode(): LegendHighlightingMode

Returns LegendHighlightingMode

set legendHighlightingMode(v: LegendHighlightingMode): void

Parameters

v: LegendHighlightingMode

Returns void

legendItemBadgeMode

Inherited from: IgxSeriesViewerComponent

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

get legendItemBadgeMode(): LegendItemBadgeMode

Returns LegendItemBadgeMode

set legendItemBadgeMode(v: LegendItemBadgeMode): void

Parameters

v: LegendItemBadgeMode

Returns void

legendItemBadgeShape

Inherited from: IgxSeriesViewerComponent

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

get legendItemBadgeShape(): LegendItemBadgeShape

Returns LegendItemBadgeShape

set legendItemBadgeShape(v: LegendItemBadgeShape): void

Parameters

v: LegendItemBadgeShape

Returns void

markerAutomaticBehavior

Inherited from: IgxSeriesViewerComponent

Gets or sets the marker mode used for assigning a marker type to series when the marker type is automatic.

get markerAutomaticBehavior(): MarkerAutomaticBehavior

Returns MarkerAutomaticBehavior

set markerAutomaticBehavior(v: MarkerAutomaticBehavior): void

Parameters

v: MarkerAutomaticBehavior

Returns void

markerBrushes

Inherited from: IgxSeriesViewerComponent

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.

get markerBrushes(): string[]

Returns string[]

set markerBrushes(v: string[]): void

Parameters

v: string[]

Returns void

markerOutlines

Inherited from: IgxSeriesViewerComponent

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.

get markerOutlines(): string[]

Returns string[]

set markerOutlines(v: string[]): void

Parameters

v: string[]

Returns void

outlines

Inherited from: IgxSeriesViewerComponent

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.

get outlines(): string[]

Returns string[]

set outlines(v: string[]): void

Parameters

v: string[]

Returns void

panModifier

Inherited from: IgxSeriesViewerComponent

Gets or sets the current SeriesViewer's PanModifier property.

PanModifier is useful to enable panning when panning is not the default interaction.

<igx-data-chart
    [dataSource]="data"
    isHorizontalZoomEnabled=true
    defaultInteraction="dragZoom"
    panModifier="alt">
    <igx-category-x-axis
        label="label"
        #xAxis>
    </igx-category-x-axis>
    <igx-numeric-y-axis
        #yAxis>
    </igx-numeric-y-axis>
    <igx-line-series
        [xAxis]="xAxis"
        [yAxis]="yAxis"
        valueMemberPath="value">
    </igx-line-series>
</igx-data-chart>

this.chart.panModifier = ModifierKeys.Alt;

get panModifier(): ModifierKeys

Returns ModifierKeys

set panModifier(v: ModifierKeys): void

Parameters

v: ModifierKeys

Returns void

pixelScalingRatio

Inherited from: IgxSeriesViewerComponent

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.

get pixelScalingRatio(): number

Returns number

set pixelScalingRatio(v: number): void

Parameters

v: number

Returns void

plotAreaBackground

Inherited from: IgxSeriesViewerComponent

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.

<igx-data-chart
    [dataSource]="data"
    plotAreaBackground="#F0F8FF">
    <igx-category-x-axis
        label="label"
        #xAxis>
    </igx-category-x-axis>
    <igx-numeric-y-axis
        #yAxis>
    </igx-numeric-y-axis>
    <igx-line-series
        [xAxis]="xAxis"
        [yAxis]="yAxis"
        valueMemberPath="value">
    </igx-line-series>
</igx-data-chart>

this.chart.plotAreaBackground="#F0F8FF";

get plotAreaBackground(): string

Returns string

set plotAreaBackground(v: string): void

Parameters

v: string

Returns void

plotAreaClicked

Inherited from: IgxSeriesViewerComponent

Occurs when the left mouse button is clicked while the mouse pointer is over the plot area.

get plotAreaClicked(): EventEmitter<object>

Returns EventEmitter<object>

plotAreaMarginBottom

Margin applied below the plot area.

get plotAreaMarginBottom(): number

Returns number

set plotAreaMarginBottom(v: number): void

Parameters

v: number

Returns void

plotAreaMarginLeft

Margin applied to the left of the plot area.

get plotAreaMarginLeft(): number

Returns number

set plotAreaMarginLeft(v: number): void

Parameters

v: number

Returns void

plotAreaMarginRight

Margin applied to the right of the plot area.

get plotAreaMarginRight(): number

Returns number

set plotAreaMarginRight(v: number): void

Parameters

v: number

Returns void

plotAreaMarginTop

Margin applied above the plot area.

get plotAreaMarginTop(): number

Returns number

set plotAreaMarginTop(v: number): void

Parameters

v: number

Returns void

plotAreaMouseEnter

Inherited from: IgxSeriesViewerComponent

Occurs when the pointer enters the plot area.

get plotAreaMouseEnter(): EventEmitter<object>

Returns EventEmitter<object>

plotAreaMouseLeave

Inherited from: IgxSeriesViewerComponent

Occurs when the pointer exits the plot area.

get plotAreaMouseLeave(): EventEmitter<object>

Returns EventEmitter<object>

plotAreaMouseLeftButtonDown

Inherited from: IgxSeriesViewerComponent

Occurs when the left mouse button is pressed while the mouse pointer is over the plot area.

get plotAreaMouseLeftButtonDown(): EventEmitter<object>

Returns EventEmitter<object>

plotAreaMouseLeftButtonUp

Inherited from: IgxSeriesViewerComponent

Occurs when the left mouse button is pressed while the mouse pointer is over the plot area.

get plotAreaMouseLeftButtonUp(): EventEmitter<object>

Returns EventEmitter<object>

plotAreaMouseOver

Inherited from: IgxSeriesViewerComponent

Occurs when the pointer if over the plot area.

get plotAreaMouseOver(): EventEmitter<object>

Returns EventEmitter<object>

preferHigherResolutionTiles

Inherited from: IgxSeriesViewerComponent

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.

get preferHigherResolutionTiles(): boolean

Returns boolean

set preferHigherResolutionTiles(v: boolean): void

Parameters

v: boolean

Returns void

previewPathFill

Inherited from: IgxSeriesViewerComponent

Gets or sets the brush used as the fill for the current SeriesViewer object's preview path. Null is treated as auto.

get previewPathFill(): string

Returns string

set previewPathFill(v: string): void

Parameters

v: string

Returns void

previewPathOpacity

Inherited from: IgxSeriesViewerComponent

Gets or sets the opacity used as for the fill for the current SeriesViewer object's preview path. Null is treated as auto.

get previewPathOpacity(): number

Returns number

set previewPathOpacity(v: number): void

Parameters

v: number

Returns void

previewPathStroke

Inherited from: IgxSeriesViewerComponent

Gets or sets the brush used as the border for the current SeriesViewer object's preview path. Null is treated as auto.

get previewPathStroke(): string

Returns string

set previewPathStroke(v: string): void

Parameters

v: string

Returns void

previewRect

Inherited from: IgxSeriesViewerComponent

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};

get previewRect(): IgRect

Returns IgRect

set previewRect(v: IgRect): void

Parameters

v: IgRect

Returns void

refreshCompleted

Inherited from: IgxSeriesViewerComponent

Raised when the SeriesViewer's processing for an update has completed.

get refreshCompleted(): EventEmitter<object>

Returns EventEmitter<object>

resizeIdle

Inherited from: IgxSeriesViewerComponent

get resizeIdle(): EventEmitter<object>

Returns EventEmitter<object>

resizeIdleMilliseconds

Inherited from: IgxSeriesViewerComponent

Gets or sets the milliseconds before the chart will fire the resize idle event after the last resize.

get resizeIdleMilliseconds(): number

Returns number

set resizeIdleMilliseconds(v: number): void

Parameters

v: number

Returns void

rightButtonDefaultInteraction

Inherited from: IgxSeriesViewerComponent

Gets or sets the RightButtonDefaultInteraction property. The default interaction state defines the SeriesViewer's response to right button mouse events.

get rightButtonDefaultInteraction(): InteractionState

Returns InteractionState

set rightButtonDefaultInteraction(v: InteractionState): void

Parameters

v: InteractionState

Returns void

rightMargin

Inherited from: IgxSeriesViewerComponent

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.

<igx-data-chart
    [dataSource]="data"
    leftMargin=20
    rightMargin=20
    topMargin=30
    bottomMargin=20>
    <igx-category-x-axis
        label="label"
        #xAxis>
    </igx-category-x-axis>
    <igx-numeric-y-axis
        #yAxis>
    </igx-numeric-y-axis>
    <igx-line-series
        [xAxis]="xAxis"
        [yAxis]="yAxis"
        valueMemberPath="value">
    </igx-line-series>
</igx-data-chart>

this.chart.rightMargin=20;

get rightMargin(): number

Returns number

set rightMargin(v: number): void

Parameters

v: number

Returns void

scrollbarsAnimationDuration

Inherited from: IgxSeriesViewerComponent

Gets or sets the duration of the scrollbar effects.

get scrollbarsAnimationDuration(): number

Returns number

set scrollbarsAnimationDuration(v: number): void

Parameters

v: number

Returns void

selectedSeriesItems

Inherited from: IgxSeriesViewerComponent

Gets the currently selected data items. Adding or removing data items from this collection will select or deselect the visuals associated with those items.

get selectedSeriesItems(): IgxChartSelectedItemCollection

Returns IgxChartSelectedItemCollection

set selectedSeriesItems(v: IgxChartSelectedItemCollection): void

Parameters

v: IgxChartSelectedItemCollection

Returns void

selectedSeriesItemsChanged

Inherited from: IgxSeriesViewerComponent

Raised when the SelectedItems collection has changed.

get selectedSeriesItemsChanged(): EventEmitter<object>

Returns EventEmitter<object>

selectionBehavior

Inherited from: IgxSeriesViewerComponent

Gets or sets the selection behavior to use for the series in the component, when supported.

get selectionBehavior(): SeriesSelectionBehavior

Returns SeriesSelectionBehavior

set selectionBehavior(v: SeriesSelectionBehavior): void

Parameters

v: SeriesSelectionBehavior

Returns void

selectionBrush

Inherited from: IgxSeriesViewerComponent

Gets or sets the selection brush to use for the series.

get selectionBrush(): string

Returns string

set selectionBrush(v: string): void

Parameters

v: string

Returns void

selectionDismissDelayMilliseconds

Inherited from: IgxSeriesViewerComponent

Gets or sets the amount of time to delay before dismissing a selection effect.

get selectionDismissDelayMilliseconds(): number

Returns number

set selectionDismissDelayMilliseconds(v: number): void

Parameters

v: number

Returns void

selectionMode

Inherited from: IgxSeriesViewerComponent

Gets or sets the selection mode to use for the series in the component, when supported.

get selectionMode(): SeriesSelectionMode

Returns SeriesSelectionMode

set selectionMode(v: SeriesSelectionMode): void

Parameters

v: SeriesSelectionMode

Returns void

selectionModifier

Inherited from: IgxSeriesViewerComponent

Gets or sets the current SeriesViewer's SelectionModifier property.

get selectionModifier(): ModifierKeys

Returns ModifierKeys

set selectionModifier(v: ModifierKeys): void

Parameters

v: ModifierKeys

Returns void

selectionTransitionDuration

Inherited from: IgxSeriesViewerComponent

Gets or sets the duration the selection/de-Selection effects.

get selectionTransitionDuration(): number

Returns number

set selectionTransitionDuration(v: number): void

Parameters

v: number

Returns void

series

A collection or manually added series for the chart.

get series(): IgxSeriesCollection

Returns IgxSeriesCollection

seriesClick

Inherited from: IgxSeriesViewerComponent

Occurs when the left mouse button is released while the mouse pointer is over a Series.

get seriesClick(): EventEmitter<object>

Returns EventEmitter<object>

seriesCursorMouseMove

Inherited from: IgxSeriesViewerComponent

Occurs when the cursors are moved over a series in this SeriesViewer.

get seriesCursorMouseMove(): EventEmitter<object>

Returns EventEmitter<object>

seriesMouseEnter

Inherited from: IgxSeriesViewerComponent

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-->

<igx-data-chart
    [dataSource]="data"
    (seriesMouseEnter)="onSeriesMouseEnter($event)">
    <igx-category-x-axis
        label="label"
        #xAxis>
    </igx-category-x-axis>
    <igx-numeric-y-axis
        #yAxis>
    </igx-numeric-y-axis>
    <igx-line-series
        [xAxis]="xAxis"
        [yAxis]="yAxis"
        valueMemberPath="value"
        thickness=5>
    </igx-line-series>
</igx-data-chart>

public onSeriesMouseEnter(event: {sender: any, args: ChartMouseEventArgs})
{
    var item = event.args.item;
}

get seriesMouseEnter(): EventEmitter<object>

Returns EventEmitter<object>

seriesMouseLeave

Inherited from: IgxSeriesViewerComponent

Occurs when the mouse pointer leaves a Series.

The SeriesMouseLeave event occurs when the left mouse pointer leaves an element of this chart.

<igx-data-chart
    [dataSource]="data"
    (seriesMouseLeave)="onSeriesMouseLeave($event)">
    <igx-category-x-axis
        label="label"
        #xAxis>
    </igx-category-x-axis>
    <igx-numeric-y-axis
        #yAxis>
    </igx-numeric-y-axis>
    <igx-line-series
        [xAxis]="xAxis"
        [yAxis]="yAxis"
        valueMemberPath="value"
        thickness=5>
    </igx-line-series>
</igx-data-chart>

public onSeriesMouseLeave(event: {sender: any, args: ChartMouseEventArgs})
{
    var item = event.args.item;
}

get seriesMouseLeave(): EventEmitter<object>

Returns EventEmitter<object>

seriesMouseLeftButtonDown

Inherited from: IgxSeriesViewerComponent

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-->

<igx-data-chart
    [dataSource]="data"
    (seriesMouseLeftButtonDown)="onSeriesMouseLeftButtonDown($event)">
    <igx-category-x-axis
        label="label"
        #xAxis>
    </igx-category-x-axis>
    <igx-numeric-y-axis
        #yAxis>
    </igx-numeric-y-axis>
    <igx-line-series
        [xAxis]="xAxis"
        [yAxis]="yAxis"
        valueMemberPath="value"
        thickness=5>
    </igx-line-series>
</igx-data-chart>

public onSeriesMouseLeftButtonDown(event: {sender: any, args: DataChartMouseButtonEventArgs})
{
    var item = event.args.item;
}

get seriesMouseLeftButtonDown(): EventEmitter<object>

Returns EventEmitter<object>

seriesMouseLeftButtonUp

Inherited from: IgxSeriesViewerComponent

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-->

<igx-data-chart
    [dataSource]="data"
    (seriesMouseLeftButtonUp)="onSeriesMouseLeftButtonUp($event)">
    <igx-category-x-axis
        label="label"
        #xAxis>
    </igx-category-x-axis>
    <igx-numeric-y-axis
        #yAxis>
    </igx-numeric-y-axis>
    <igx-line-series
        [xAxis]="xAxis"
        [yAxis]="yAxis"
        valueMemberPath="value"
        thickness=5>
    </igx-line-series>
</igx-data-chart>

<-- position: content member-->

public onSeriesMouseLeftButtonUp(event: {sender: any, args: DataChartMouseButtonEventArgs})
{
    var item = event.args.item;
}

public onSeriesMouseLeftButtonUp =(event: any, args: DataChartMouseButtonEventArgs )
{

}

get seriesMouseLeftButtonUp(): EventEmitter<object>

Returns EventEmitter<object>

seriesMouseMove

Inherited from: IgxSeriesViewerComponent

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-->

<igx-data-chart
    [dataSource]="data"
    (seriesMouseMove)="onSeriesMouseMove($event)">
    <igx-category-x-axis
        label="label"
        #xAxis>
    </igx-category-x-axis>
    <igx-numeric-y-axis
        #yAxis>
    </igx-numeric-y-axis>
    <igx-line-series
        [xAxis]="xAxis"
        [yAxis]="yAxis"
        valueMemberPath="value"
        thickness=5>
    </igx-line-series>
</igx-data-chart>

<-- position: content member-->

public onSeriesMouseMove(event: {sender: any, args: ChartMouseEventArgs})
{
    var item = event.args.item;
}

public onSeriesMouseMove =( event: any, args: ChartMouseEventArgs) => {
                 }

get seriesMouseMove(): EventEmitter<object>

Returns EventEmitter<object>

seriesPlotAreaMarginHorizontalMode

Gets or sets horizontal mode to use for automatically calculating the plot area margin based ont the series.

get seriesPlotAreaMarginHorizontalMode(): SeriesPlotAreaMarginHorizontalMode

Returns SeriesPlotAreaMarginHorizontalMode

set seriesPlotAreaMarginHorizontalMode(v: SeriesPlotAreaMarginHorizontalMode): void

Parameters

v: SeriesPlotAreaMarginHorizontalMode

Returns void

seriesPlotAreaMarginVerticalMode

Gets or sets vertical mode to use for automatically calculating the plot area margin based ont the series.

get seriesPlotAreaMarginVerticalMode(): SeriesPlotAreaMarginVerticalMode

Returns SeriesPlotAreaMarginVerticalMode

set seriesPlotAreaMarginVerticalMode(v: SeriesPlotAreaMarginVerticalMode): void

Parameters

v: SeriesPlotAreaMarginVerticalMode

Returns void

seriesValueLayerUseLegend

Inherited from: IgxSeriesViewerComponent

Gets or sets whether the series animations should be allowed when a range change has been detected on an axis.

get seriesValueLayerUseLegend(): boolean

Returns boolean

set seriesValueLayerUseLegend(v: boolean): void

Parameters

v: boolean

Returns void

shouldAutoExpandMarginForInitialLabels

Gets or sets a whether the series viewer should auto expand margins to accomodate the initial horizontal axis labels.

get shouldAutoExpandMarginForInitialLabels(): boolean

Returns boolean

set shouldAutoExpandMarginForInitialLabels(v: boolean): void

Parameters

v: boolean

Returns void

shouldConsiderAutoRotationForInitialLabels

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.

get shouldConsiderAutoRotationForInitialLabels(): boolean

Returns boolean

set shouldConsiderAutoRotationForInitialLabels(v: boolean): void

Parameters

v: boolean

Returns void

shouldMatchZOrderToSeriesOrder

Inherited from: IgxSeriesViewerComponent

Gets or sets whether to match the z order of the series to their positional order in the series collection, regardless of mutation.

get shouldMatchZOrderToSeriesOrder(): boolean

Returns boolean

set shouldMatchZOrderToSeriesOrder(v: boolean): void

Parameters

v: boolean

Returns void

shouldPanOnMaximumZoom

Inherited from: IgxSeriesViewerComponent

Gets or sets a whether the chart should pan its content when zooming in passed max zoom level.

get shouldPanOnMaximumZoom(): boolean

Returns boolean

set shouldPanOnMaximumZoom(v: boolean): void

Parameters

v: boolean

Returns void

shouldSimulateHoverMoveCrosshairPoint

Inherited from: IgxSeriesViewerComponent

Gets or sets whether calling SimulateHover should shift the crosshair point.

get shouldSimulateHoverMoveCrosshairPoint(): boolean

Returns boolean

set shouldSimulateHoverMoveCrosshairPoint(v: boolean): void

Parameters

v: boolean

Returns void

shouldSuppressAxisLabelTruncation

Gets or sets a whether the series viewer should suppress truncation of axis labels.

get shouldSuppressAxisLabelTruncation(): boolean

Returns boolean

set shouldSuppressAxisLabelTruncation(v: boolean): void

Parameters

v: boolean

Returns void

sizeChanged

Inherited from: IgxSeriesViewerComponent

Occurs after the size of the series viewer changes.

<-- position: content member-->

<igx-data-chart
    [dataSource]="data"
    (sizeChanged)="onSizeChanged($event)">
    <igx-category-x-axis
        label="label"
        #xAxis>
    </igx-category-x-axis>
    <igx-numeric-y-axis
        #yAxis>
    </igx-numeric-y-axis>
    <igx-line-series
        [xAxis]="xAxis"
        [yAxis]="yAxis"
        valueMemberPath="value">
    </igx-line-series>
</igx-data-chart>

<-- position: content member-->

public onSizeChanged(event: {sender: any, args: RectChangedEventArgs})
{
    let newRect: IgxRect = event.args.newRect;
}

public onSizeChanged =(event: any, args: RectChangedEventArgs}){

}

get sizeChanged(): EventEmitter<object>

Returns EventEmitter<object>

subtitle

Inherited from: IgxSeriesViewerComponent

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.

<igx-data-chart
    [dataSource]="data"
    title="Items Sold"
    subtitle="Date of Sale: 1/1/2018">
    <igx-category-x-axis
        label="label"
        #xAxis>
    </igx-category-x-axis>
    <igx-numeric-y-axis
        #yAxis>
    </igx-numeric-y-axis>
    <igx-column-series
        [xAxis]="xAxis"
        [yAxis]="yAxis"
        valueMemberPath="value">
    </igx-column-series>
</igx-data-chart>

this.chart.subtitle="Date of Sale: 1/1/2018";

get subtitle(): string

Returns string

set subtitle(v: string): void

Parameters

v: string

Returns void

subtitleBottomMargin

Inherited from: IgxSeriesViewerComponent

Margin applied below the subtitle.

The subtitleBottomMargin property is used to set the bottom margin for the subtitle.

<igx-data-chart
    [dataSource]="data"
    title="Items Sold"
    subtitle="date of sale: 1/1/2018"
    subtitleLeftMarging=10
    subtitleTopMargin=10
    subtitleRightMargin=10
    subtitleBottomMargin=20>
    <igx-category-x-axis
        label="label"
        #xAxis>
    </igx-category-x-axis>
    <igx-numeric-y-axis
        #yAxis>
    </igx-numeric-y-axis>
    <igx-column-series
        [xAxis]="xAxis"
        [yAxis]="yAxis"
        valueMemberPath="value">
    </igx-column-series>
</igx-data-chart>

this.chart.subtitleBottomMargin = 20;

get subtitleBottomMargin(): number

Returns number

set subtitleBottomMargin(v: number): void

Parameters

v: number

Returns void

subtitleHorizontalAlignment

Inherited from: IgxSeriesViewerComponent

Gets or sets the SubtitleHorizontalAlignment property.

The subtitleBottomMargin property is used to set the horizontal alignment for the subtitle.

<igx-data-chart
    [dataSource]="data"
    title="Items Sold"
    subtitle="Date of Sale: 1/1/2018"
    titleHorizontalAlignment="left"
    subtitleHorizontalAlignment="left">
    <igx-category-x-axis
        label="label"
        #xAxis>
    </igx-category-x-axis>
    <igx-numeric-y-axis
        #yAxis>
    </igx-numeric-y-axis>
    <igx-column-series
        [xAxis]="xAxis"
        [yAxis]="yAxis"
        valueMemberPath="value">
    </igx-column-series>
</igx-data-chart>

this.chart.subtitleHorizontalAlignment="left";

get subtitleHorizontalAlignment(): HorizontalAlignment

Returns HorizontalAlignment

set subtitleHorizontalAlignment(v: HorizontalAlignment): void

Parameters

v: HorizontalAlignment

Returns void

subtitleLeftMargin

Inherited from: IgxSeriesViewerComponent

Margin applied to the left of the subtitle.

The subtitleLeftMarging property is used to set the left margin for the subtitle.

<igx-data-chart
    [dataSource]="data"
    title="Items Sold"
    subtitle="date of sale: 1/1/2018"
    subtitleLeftMarging=10
    subtitleTopMargin=10
    subtitleRightMargin=10
    subtitleBottomMargin=20>
    <igx-category-x-axis
        label="label"
        #xAxis>
    </igx-category-x-axis>
    <igx-numeric-y-axis
        #yAxis>
    </igx-numeric-y-axis>
    <igx-column-series
        [xAxis]="xAxis"
        [yAxis]="yAxis"
        valueMemberPath="value">
    </igx-column-series>
</igx-data-chart>

this.chart.subtitleLeftMarging=10;

get subtitleLeftMargin(): number

Returns number

set subtitleLeftMargin(v: number): void

Parameters

v: number

Returns void

subtitleRightMargin

Inherited from: IgxSeriesViewerComponent

Margin applied to the right of the subtitle.

The subTitleRightMargin property is used to set the right margin for the subtitle.

<igx-data-chart
    [dataSource]="data"
    title="Items Sold"
    subtitle="date of sale: 1/1/2018"
    subtitleLeftMarging=10
    subtitleTopMargin=10
    subTitleRightMargin=10
    subtitleBottomMargin=20>
    <igx-category-x-axis
        label="label"
        #xAxis>
    </igx-category-x-axis>
    <igx-numeric-y-axis
        #yAxis>
    </igx-numeric-y-axis>
    <igx-column-series
        [xAxis]="xAxis"
        [yAxis]="yAxis"
        valueMemberPath="value">
    </igx-column-series>
</igx-data-chart>

this.chart.subtitleLeftMarging=10;

get subtitleRightMargin(): number

Returns number

set subtitleRightMargin(v: number): void

Parameters

v: number

Returns void

subtitleTextColor

Inherited from: IgxSeriesViewerComponent

Gets or sets the Color used for the Subtitle Text.

The subtitleTextColor property is used to set the color for the subtitle.

<igx-data-chart
    [dataSource]="data"
    title="Items Sold"
    subtitle="Date of Sale: 1/1/2018"
    subtitleTextColor="blue">
    <igx-category-x-axis
        label="label"
        #xAxis>
    </igx-category-x-axis>
    <igx-numeric-y-axis
        #yAxis>
    </igx-numeric-y-axis>
    <igx-column-series
        [xAxis]="xAxis"
        [yAxis]="yAxis"
        valueMemberPath="value">
    </igx-column-series>
</igx-data-chart>

this.chart.subtitleTextColor="blue";

get subtitleTextColor(): string

Returns string

set subtitleTextColor(v: string): void

Parameters

v: string

Returns void

subtitleTextStyle

Inherited from: IgxSeriesViewerComponent

Font settings for the subtitle.

get subtitleTextStyle(): string

Returns string

set subtitleTextStyle(v: string): void

Parameters

v: string

Returns void

subtitleTopMargin

Inherited from: IgxSeriesViewerComponent

Margin applied above the subtitle.

The subtitleTopMargin property is used to set the top margin for the subtitle.

<igx-data-chart
    [dataSource]="data"
    title="Items Sold"
    subtitle="date of sale: 1/1/2018"
    subtitleLeftMarging=10
    subtitleTopMargin=10
    subtitleRightMargin=10
    subtitleBottomMargin=20>
    <igx-category-x-axis
        label="label"
        #xAxis>
    </igx-category-x-axis>
    <igx-numeric-y-axis
        #yAxis>
    </igx-numeric-y-axis>
    <igx-column-series
        [xAxis]="xAxis"
        [yAxis]="yAxis"
        valueMemberPath="value">
    </igx-column-series>
</igx-data-chart>

this.chart.subtitleTopMargin =10;

get subtitleTopMargin(): number

Returns number

set subtitleTopMargin(v: number): void

Parameters

v: number

Returns void

suppressAutoMarginAndAngleRecalculation

Gets or sets a whether the series viewer should suppress auto recalculating margin and axis label angles.

get suppressAutoMarginAndAngleRecalculation(): boolean

Returns boolean

set suppressAutoMarginAndAngleRecalculation(v: boolean): void

Parameters

v: boolean

Returns void

syncChannel

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.

get syncChannel(): string

Returns string

set syncChannel(v: string): void

Parameters

v: string

Returns void

synchronizeHorizontally

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.

get synchronizeHorizontally(): boolean

Returns boolean

set synchronizeHorizontally(v: boolean): void

Parameters

v: boolean

Returns void

synchronizeVertically

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.

get synchronizeVertically(): boolean

Returns boolean

set synchronizeVertically(v: boolean): void

Parameters

v: boolean

Returns void

titleBottomMargin

Inherited from: IgxSeriesViewerComponent

Margin applied below the title.

The titleBottomMargin property is used to set the bottom margin for the title.

<igx-data-chart
    [dataSource]="data"
    title="Items Sold"
    titleLeftMarging=10
    titleTopMargin=10
    titleRightMargin=10
    titleBottomMargin=20>
    <igx-category-x-axis
        label="label"
        #xAxis>
    </igx-category-x-axis>
    <igx-numeric-y-axis
        #yAxis>
    </igx-numeric-y-axis>
    <igx-column-series
        [xAxis]="xAxis"
        [yAxis]="yAxis"
        valueMemberPath="value">
    </igx-column-series>
</igx-data-chart>

this.chart.titleBottomMargin=20;

get titleBottomMargin(): number

Returns number

set titleBottomMargin(v: number): void

Parameters

v: number

Returns void

titleHorizontalAlignment

Inherited from: IgxSeriesViewerComponent

Gets or sets the TitleHorizontalAlignment property.

The subtitleHorizontalAlignment property is used to set horizontal alignment for the subtitle.

<igx-data-chart
    [dataSource]="data"
    title="Items Sold"
    subtitle="date of sale: 1/1/2018"
    titleHorizontalAlignment="left"
    subtitleHorizontalAlignment="left">
    <igx-category-x-axis
        label="label"
        #xAxis>
    </igx-category-x-axis>
    <igx-numeric-y-axis
        #yAxis>
    </igx-numeric-y-axis>
    <igx-column-series
        [xAxis]="xAxis"
        [yAxis]="yAxis"
        valueMemberPath="value">
    </igx-column-series>
</igx-data-chart>

this.chart.titleHorizontalAlignment="left";

get titleHorizontalAlignment(): HorizontalAlignment

Returns HorizontalAlignment

set titleHorizontalAlignment(v: HorizontalAlignment): void

Parameters

v: HorizontalAlignment

Returns void

titleLeftMargin

Inherited from: IgxSeriesViewerComponent

Margin applied to the left of the title.

The titleLeftMarging property is used to set the left margin for the title.

<igx-data-chart
    [dataSource]="data"
    title="Items Sold"
    titleLeftMarging=10
    titleTopMargin=10
    titleRightMargin=10
    titleBottomMargin=20>
    <igx-category-x-axis
        label="label"
        #xAxis>
    </igx-category-x-axis>
    <igx-numeric-y-axis
        #yAxis>
    </igx-numeric-y-axis>
    <igx-column-series
        [xAxis]="xAxis"
        [yAxis]="yAxis"
        valueMemberPath="value">
    </igx-column-series>
</igx-data-chart>

this.chart.titleLeftMarging=10;

get titleLeftMargin(): number

Returns number

set titleLeftMargin(v: number): void

Parameters

v: number

Returns void

titleRightMargin

Inherited from: IgxSeriesViewerComponent

Margin applied to the right of the title.

The titleRightMargin property is used to set the right margin for the title.

<igx-data-chart
    [dataSource]="data"
    title="Items Sold"
    titleLeftMarging=10
    titleTopMargin=10
    titleRightMargin=10
    titleBottomMargin=20>
    <igx-category-x-axis
        label="label"
        #xAxis>
    </igx-category-x-axis>
    <igx-numeric-y-axis
        #yAxis>
    </igx-numeric-y-axis>
    <igx-column-series
        [xAxis]="xAxis"
        [yAxis]="yAxis"
        valueMemberPath="value">
    </igx-column-series>
</igx-data-chart>

this.chart.titleRightMargin=10;

get titleRightMargin(): number

Returns number

set titleRightMargin(v: number): void

Parameters

v: number

Returns void

titleTextColor

Inherited from: IgxSeriesViewerComponent

Gets or sets the Color used for the Title Text.

The titleTextColor property is used to set the title brush.

<igx-data-chart
    [dataSource]="data"
    title="Items Sold"
    subtitle="date of sale: 1/1/2018"
    titleTextColor="blue">
    <igx-category-x-axis
        label="label"
        #xAxis>
    </igx-category-x-axis>
    <igx-numeric-y-axis
        #yAxis>
    </igx-numeric-y-axis>
    <igx-column-series
        [xAxis]="xAxis"
        [yAxis]="yAxis"
        valueMemberPath="value">
    </igx-column-series>
</igx-data-chart>

this.chart.titleTextColor="blue" ;

get titleTextColor(): string

Returns string

set titleTextColor(v: string): void

Parameters

v: string

Returns void

titleTextStyle

Inherited from: IgxSeriesViewerComponent

Font settings for the title.

get titleTextStyle(): string

Returns string

set titleTextStyle(v: string): void

Parameters

v: string

Returns void

titleTopMargin

Inherited from: IgxSeriesViewerComponent

Margin applied above the title.

The titleTopMargin property is used to set the top margin for the title.

<igx-data-chart
    [dataSource]="data"
    title="Items Sold"
    titleLeftMarging=10
    titleTopMargin=10
    titleRightMargin=10
    titleBottomMargin=20>
    <igx-category-x-axis
        label="label"
        #xAxis>
    </igx-category-x-axis>
    <igx-numeric-y-axis
        #yAxis>
    </igx-numeric-y-axis>
    <igx-column-series
        [xAxis]="xAxis"
        [yAxis]="yAxis"
        valueMemberPath="value">
    </igx-column-series>
</igx-data-chart>

this.chart.titleTopMargin=10;

get titleTopMargin(): number

Returns number

set titleTopMargin(v: number): void

Parameters

v: number

Returns void

topMargin

Inherited from: IgxSeriesViewerComponent

Sets or gets the top margin to use around the chart content.

The topMargin property is used to set the top margin.

<igx-data-chart
    [dataSource]="data"
    leftMargin=20
    rightMargin=20
    topMargin=30
    bottomMargin=20>
    <igx-category-x-axis
        label="label"
        #xAxis>
    </igx-category-x-axis>
    <igx-numeric-y-axis
        #yAxis>
    </igx-numeric-y-axis>
    <igx-line-series
        [xAxis]="xAxis"
        [yAxis]="yAxis"
        valueMemberPath="value">
    </igx-line-series>
</igx-data-chart>

this.chart.topMargin=30;

get topMargin(): number

Returns number

set topMargin(v: number): void

Parameters

v: number

Returns void

userAnnotationInformationRequested

Inherited from: IgxSeriesViewerComponent

get userAnnotationInformationRequested(): EventEmitter<object>

Returns EventEmitter<object>

userAnnotationToolTipContentUpdating

Inherited from: IgxSeriesViewerComponent

get userAnnotationToolTipContentUpdating(): EventEmitter<object>

Returns EventEmitter<object>

useTiledZooming

Inherited from: IgxSeriesViewerComponent

Gets or sets whether the series viewer should use cached tiles during zooms rather than the default live content.

get useTiledZooming(): boolean

Returns boolean

set useTiledZooming(v: boolean): void

Parameters

v: boolean

Returns void

verticalCrosshairBrush

Inherited from: IgxSeriesViewerComponent

Gets or sets the current SeriesViewer's crosshair vertical brush override.

get verticalCrosshairBrush(): string

Returns string

set verticalCrosshairBrush(v: string): void

Parameters

v: string

Returns void

verticalViewScrollbarCornerRadius

Inherited from: IgxSeriesViewerComponent

Gets or sets the corner radius to use for the vertical scrollbar in the component, when enabled.

get verticalViewScrollbarCornerRadius(): number

Returns number

set verticalViewScrollbarCornerRadius(v: number): void

Parameters

v: number

Returns void

verticalViewScrollbarFill

Inherited from: IgxSeriesViewerComponent

Gets or sets the fill to use for the vertical scrollbar in the component, when enabled.

get verticalViewScrollbarFill(): string

Returns string

set verticalViewScrollbarFill(v: string): void

Parameters

v: string

Returns void

verticalViewScrollbarInset

Inherited from: IgxSeriesViewerComponent

Gets or sets the inset distance to use for the vertical scrollbar in the component, when enabled.

get verticalViewScrollbarInset(): number

Returns number

set verticalViewScrollbarInset(v: number): void

Parameters

v: number

Returns void

verticalViewScrollbarMaxOpacity

Inherited from: IgxSeriesViewerComponent

Gets or sets the max opacity to use for the vertical scrollbar in the component, when enabled.

get verticalViewScrollbarMaxOpacity(): number

Returns number

set verticalViewScrollbarMaxOpacity(v: number): void

Parameters

v: number

Returns void

verticalViewScrollbarMode

Inherited from: IgxSeriesViewerComponent

Gets or sets the vertical scrollbar mode to use for the series viewer.

get verticalViewScrollbarMode(): SeriesViewerScrollbarMode

Returns SeriesViewerScrollbarMode

set verticalViewScrollbarMode(v: SeriesViewerScrollbarMode): void

Parameters

v: SeriesViewerScrollbarMode

Returns void

verticalViewScrollbarOutline

Inherited from: IgxSeriesViewerComponent

Gets or sets the outline to use for the vertical scrollbar in the component, when enabled.

get verticalViewScrollbarOutline(): string

Returns string

set verticalViewScrollbarOutline(v: string): void

Parameters

v: string

Returns void

verticalViewScrollbarPosition

Inherited from: IgxSeriesViewerComponent

Gets or sets the position to use for the vertical scrollbar in the component, when enabled.

get verticalViewScrollbarPosition(): SeriesViewerVerticalScrollbarPosition

Returns SeriesViewerVerticalScrollbarPosition

set verticalViewScrollbarPosition(v: SeriesViewerVerticalScrollbarPosition): void

Parameters

v: SeriesViewerVerticalScrollbarPosition

Returns void

verticalViewScrollbarShouldAddAutoTrackInsets

Inherited from: IgxSeriesViewerComponent

Gets or sets whether to use automatic track insets for the vertical scrollbar in the component, when enabled.

get verticalViewScrollbarShouldAddAutoTrackInsets(): boolean

Returns boolean

set verticalViewScrollbarShouldAddAutoTrackInsets(v: boolean): void

Parameters

v: boolean

Returns void

verticalViewScrollbarStrokeThickness

Inherited from: IgxSeriesViewerComponent

Gets or sets the stroke thickness to use for the vertical scrollbar in the component, when enabled.

get verticalViewScrollbarStrokeThickness(): number

Returns number

set verticalViewScrollbarStrokeThickness(v: number): void

Parameters

v: number

Returns void

verticalViewScrollbarTrackEndInset

Inherited from: IgxSeriesViewerComponent

Gets or sets the track end inset to use for the vertical scrollbar in the component, when enabled.

get verticalViewScrollbarTrackEndInset(): number

Returns number

set verticalViewScrollbarTrackEndInset(v: number): void

Parameters

v: number

Returns void

verticalViewScrollbarTrackStartInset

Inherited from: IgxSeriesViewerComponent

Gets or sets the track start inset to use for the vertical scrollbar in the component, when enabled.

get verticalViewScrollbarTrackStartInset(): number

Returns number

set verticalViewScrollbarTrackStartInset(v: number): void

Parameters

v: number

Returns void

verticalViewScrollbarWidth

Inherited from: IgxSeriesViewerComponent

Gets or sets the width to use for the vertical scrollbar in the component, when enabled.

get verticalViewScrollbarWidth(): number

Returns number

set verticalViewScrollbarWidth(v: number): void

Parameters

v: number

Returns void

viewerManipulationEnding

Inherited from: IgxSeriesViewerComponent

Raised when an ongoing manipulation of the series viewer is ended.

get viewerManipulationEnding(): EventEmitter<object>

Returns EventEmitter<object>

viewerManipulationStarting

Inherited from: IgxSeriesViewerComponent

Raised when an ongoing manipulation of the series viewer is started.

get viewerManipulationStarting(): EventEmitter<object>

Returns EventEmitter<object>

viewportRect

Inherited from: IgxSeriesViewerComponent

Gets the viewport rectangle associated with the SeriesViewer, the physical dimensions of the plot area.

let viewPortRect: IgxRect = this.chart.viewportRect;

get viewportRect(): IgRect

Returns IgRect

width

get width(): string

Returns string

set width(value: string): void

Parameters

value: string

Returns void

windowPositionHorizontal

Inherited from: IgxSeriesViewerComponent

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;

get windowPositionHorizontal(): number

Returns number

set windowPositionHorizontal(v: number): void

Parameters

v: number

Returns void

windowPositionVertical

Inherited from: IgxSeriesViewerComponent

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;

get windowPositionVertical(): number

Returns number

set windowPositionVertical(v: number): void

Parameters

v: number

Returns void

windowRect

Inherited from: IgxSeriesViewerComponent

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};

get windowRect(): IgRect

Returns IgRect

set windowRect(v: IgRect): void

Parameters

v: IgRect

Returns void

windowRectChanged

Inherited from: IgxSeriesViewerComponent

Occurs just after the current SeriesViewer's window rectangle is changed.

<-- position: content member-->

<igx-data-chart
    [dataSource]="data"
    isHorizontalZoomEnabled=true
    (windowRectChanged)="onWindowRectChanged($event)">
    <igx-category-x-axis
        label="label"
        #xAxis>
    </igx-category-x-axis>
    <igx-numeric-y-axis
        #yAxis>
    </igx-numeric-y-axis>
    <igx-line-series
        [xAxis]="xAxis"
        [yAxis]="yAxis"
        valueMemberPath="value">
    </igx-line-series>
</igx-data-chart>

<-- position: content member-->

public onWindowRectChanged(event: {sender: any, args: RectChangedEventArgs})
{
    let newRect: IgxRect = event.args.newRect;
}

public onWindowRectChanged =( s:any, e: RectChangedEventArgs) => {

       }

get windowRectChanged(): EventEmitter<object>

Returns EventEmitter<object>

windowRectMinHeight

Inherited from: IgxSeriesViewerComponent

Sets or gets the minimum height 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. This property accepts values between 0.0 (max zooming) and 1.0 (no zooming)

get windowRectMinHeight(): number

Returns number

set windowRectMinHeight(v: number): void

Parameters

v: number

Returns void

windowRectMinWidth

Inherited from: IgxSeriesViewerComponent

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. This property accepts values between 0.0 (max zooming) and 1.0 (no zooming)

The WindowRectMinWidth property is used to set or get the minimum width that the window rect is allowed to reach before being clamped.

<igx-data-chart
    [dataSource]="data"
    isHorizontalZoomEnabled=true
    windowRectMinWidth=.2>
    <igx-category-x-axis
        label="label"
        #xAxis>
    </igx-category-x-axis>
    <igx-numeric-y-axis
        #yAxis>
    </igx-numeric-y-axis>
    <igx-line-series
        [xAxis]="xAxis"
        [yAxis]="yAxis"
        valueMemberPath="value">
    </igx-line-series>
</igx-data-chart>

this.chart.WindowRectMinWidth=".2";

get windowRectMinWidth(): number

Returns number

set windowRectMinWidth(v: number): void

Parameters

v: number

Returns void

windowResponse

Inherited from: IgxSeriesViewerComponent

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.

<igx-data-chart
    [dataSource]="data"
    isHorizontalZoomEnabled=true
    windowResponse="deferred">
    <igx-category-x-axis
        label="label"
        #xAxis>
    </igx-category-x-axis>
    <igx-numeric-y-axis
        #yAxis>
    </igx-numeric-y-axis>
    <igx-line-series
        [xAxis]="xAxis"
        [yAxis]="yAxis"
        valueMemberPath="value">
    </igx-line-series>
</igx-data-chart>

this.chart.windowResponse="deferred";

get windowResponse(): WindowResponse

Returns WindowResponse

set windowResponse(v: WindowResponse): void

Parameters

v: WindowResponse

Returns void

windowScaleHorizontal

A number between 0 and 1 determining the scale of the horizontal zoom. This property is effectively a shortcut to the Width of the WindowRect property.

To programmatically change the horizontal zoom level, set WindowScaleHorizontal to a value between 0 and 1.

<igx-data-chart [dataSource]="data"
    windowScaleHorizontal="0.75">
  <igx-category-x-axis #xAxis
    label="label">
  </igx-category-x-axis>
  <igx-numeric-y-axis #yAxis>
  </igx-numeric-y-axis>

  <igx-column-series
    [xAxis]="xAxis"
    [yAxis]="yAxis"
    valueMemberPath="value">
  </igx-column-series>
</igx-data-chart>

this.chart.windowScaleHorizontal="0.75";

get windowScaleHorizontal(): number

Returns number

set windowScaleHorizontal(v: number): void

Parameters

v: number

Returns void

windowScaleVertical

A number between 0 and 1 determining the scale of the vertical zoom. This property is effectively a shortcut to the Height of the WindowRect property.

To programmatically change the vertical zoom level, set WindowScaleVertical to a value between 0 and 1.

<igx-data-chart [dataSource]="data"
    windowScaleVertical="0.75">
  <igx-category-x-axis #xAxis
    label="label">
  </igx-category-x-axis>
  <igx-numeric-y-axis #yAxis>
  </igx-numeric-y-axis>

  <igx-column-series
    [xAxis]="xAxis"
    [yAxis]="yAxis"
    valueMemberPath="value">
  </igx-column-series>
</igx-data-chart>

this.chart.windowScaleVertical="0.75";

get windowScaleVertical(): number

Returns number

set windowScaleVertical(v: number): void

Parameters

v: number

Returns void

windowSizeMinHeight

Inherited from: IgxSeriesViewerComponent

Sets or gets minimum pixel height that the window 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. This property is overridden by the WindowRectMinHeight property

get windowSizeMinHeight(): number

Returns number

set windowSizeMinHeight(v: number): void

Parameters

v: number

Returns void

windowSizeMinWidth

Inherited from: IgxSeriesViewerComponent

Sets or gets minimum pixel width that the window 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. This property is overridden by the WindowRectMinWidth property

get windowSizeMinWidth(): number

Returns number

set windowSizeMinWidth(v: number): void

Parameters

v: number

Returns void

zoomCoercionMode

Inherited from: IgxSeriesViewerComponent

Gets or sets zoom is constrained to within the axes. Setting this to false is a preview feature at the present time.

get zoomCoercionMode(): ZoomCoercionMode

Returns ZoomCoercionMode

set zoomCoercionMode(v: ZoomCoercionMode): void

Parameters

v: ZoomCoercionMode

Returns void

zoomTileCacheSize

Inherited from: IgxSeriesViewerComponent

Gets or sets the maximum number of zoom tiles that the series viewer should cache while in tiled zooming mode.

get zoomTileCacheSize(): number

Returns number

set zoomTileCacheSize(v: number): void

Parameters

v: number

Returns void

Methods

addCommandAvailabilityListener

Inherited from: IgxSeriesViewerComponent

addCommandAvailabilityListener(listener: ICommandAvailabilityListener): void

Parameters

listener: ICommandAvailabilityListener

Returns void

addCommandStateChangedListener

Inherited from: IgxSeriesViewerComponent

addCommandStateChangedListener(listener: ICommandStateChangedListener): void

Parameters

listener: ICommandStateChangedListener

Returns void

attachSeries

Inherited from: IgxSeriesViewerComponent

Attaches the given series to the chart.

attachSeries(s: IgxSeriesComponent): void

Parameters

s: IgxSeriesComponent
- The series to attach to the chart.

Returns void

bindData

bindData(): void

Returns void

bindHighlightedData

bindHighlightedData(): void

Returns void

cancelAnnotationFlow

Inherited from: IgxSeriesViewerComponent

cancelAnnotationFlow(annotationFlowID: string): void

Parameters

annotationFlowID: string

Returns void

cancelCreatingAnnotation

Inherited from: IgxSeriesViewerComponent

cancelCreatingAnnotation(): void

Returns void

cancelDeletingAnnotation

Inherited from: IgxSeriesViewerComponent

cancelDeletingAnnotation(): void

Returns void

cancelManipulation

Inherited from: IgxSeriesViewerComponent

cancelManipulation(): void

Returns void

captureImage

Inherited from: IgxSeriesViewerComponent

captureImage(settings: IgxCaptureImageSettings): void

Parameters

settings: IgxCaptureImageSettings

Returns void

clearTileZoomCache

Inherited from: IgxSeriesViewerComponent

Clears the tile zoom tile cache so that new tiles will be generated. Only applies if the viewer is using a tile based zoom.

clearTileZoomCache(): void

Returns void

destroy

Inherited from: IgxSeriesViewerComponent

Release any resources held by the control.

destroy(): void

Returns void

endTiledZoomingIfRunning

Inherited from: IgxSeriesViewerComponent

Manually ends a tiled zoom if one is running.

endTiledZoomingIfRunning(): void

Returns void

exportSerializedVisualData

Export serialized visual data.

exportSerializedVisualData(): string

Returns string

findByName

findByName(name: string): any

Parameters

name: string

Returns any

finishAnnotationFlow

Inherited from: IgxSeriesViewerComponent

finishAnnotationFlow(info: IgxUserAnnotationInformation): void

Parameters

info: IgxUserAnnotationInformation

Returns void

finishCreatingAnnotation

Inherited from: IgxSeriesViewerComponent

finishCreatingAnnotation(): void

Returns void

finishDeletingAnnotation

Inherited from: IgxSeriesViewerComponent

finishDeletingAnnotation(): void

Returns void

flush

Inherited from: IgxSeriesViewerComponent

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();

flush(): void

Returns void

getActualWindowScaleHorizontal

Inherited from: IgxSeriesViewerComponent

Gets actual window scale for horizontal dimension of the control

let actualWindowScaleHorizontal: number = chart.getActualWindowScaleHorizontal();

getActualWindowScaleHorizontal(): number

Returns number

getActualWindowScaleVertical

Inherited from: IgxSeriesViewerComponent

Gets actual window scale for vertical dimension of the control

let actualWindowScaleVertical: number = chart.getActualWindowScaleVertical();

getActualWindowScaleVertical(): number

Returns number

getAnimationIdleVersionNumber

Inherited from: IgxSeriesViewerComponent

getAnimationIdleVersionNumber(): number

Returns number

getCurrentActualWindowRect

Inherited from: IgxSeriesViewerComponent

getCurrentActualWindowRect(): IgRect

Returns IgRect

getDesiredToolbarActions

Inherited from: IgxSeriesViewerComponent

getDesiredToolbarActions(): ToolActionInfo[]

Returns ToolActionInfo[]

hideToolTip

Inherited from: IgxSeriesViewerComponent

Hides the active main tooltip, if displayed.

this.chart.hideToolTip();

hideToolTip(): void

Returns void

isAnimationActive

Inherited from: IgxSeriesViewerComponent

isAnimationActive(): boolean

Returns boolean

loadAnnotationsFromJson

Inherited from: IgxSeriesViewerComponent

loadAnnotationsFromJson(jsonString: string): void

Parameters

jsonString: string

Returns void

ngAfterContentInit

ngAfterContentInit(): void

Returns void

ngAfterViewInit

ngAfterViewInit(): void

Returns void

ngOnDestroy

ngOnDestroy(): void

Returns void

ngOnInit

Inherited from: IgxSeriesViewerComponent

ngOnInit(): void

Returns void

notifyClearItems

Inherited from: IgxSeriesViewerComponent

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.

notifyClearItems(source_: any): void

Parameters

source_: any
- The data source which was cleared or reset.
```
this.chart.notifyClearItems(this.data);
```

Returns void

notifyContainerResized

Inherited from: IgxSeriesViewerComponent

Notification from the containing object that the container has been resized.

notifyContainerResized(): void

Returns void

notifyInsertItem

Inherited from: IgxSeriesViewerComponent

notifyInsertItem(source_: any, index: number, newItem: any): void

Parameters

source_: any
index: number
newItem: any

Returns void

notifyRemoveItem

Inherited from: IgxSeriesViewerComponent

notifyRemoveItem(source_: any, index: number, oldItem: any): void

Parameters

source_: any
index: number
oldItem: any

Returns void

notifySeriesDataChanged

Inherited from: IgxSeriesViewerComponent

notifySeriesDataChanged(): void

Returns void

notifySetItem

Inherited from: IgxSeriesViewerComponent

notifySetItem(source_: any, index: number, oldItem: any, newItem: any): void

Parameters

source_: any
index: number
oldItem: any
newItem: any

Returns void

queueForAnimationIdle

Inherited from: IgxSeriesViewerComponent

queueForAnimationIdle(action: object, version: number): void

Parameters

action: object
version: number

Returns void

recalculateAutoLabelsAngle

recalculateAutoLabelsAngle(): void

Returns void

recalculateMarginAutoExpansion

recalculateMarginAutoExpansion(): void

Returns void

refreshComputedPlotAreaMargin

refreshComputedPlotAreaMargin(): void

Returns void

removeCommandAvailabilityListener

Inherited from: IgxSeriesViewerComponent

removeCommandAvailabilityListener(listener: ICommandAvailabilityListener): void

Parameters

listener: ICommandAvailabilityListener

Returns void

removeCommandStateChangedListener

Inherited from: IgxSeriesViewerComponent

removeCommandStateChangedListener(listener: ICommandStateChangedListener): void

Parameters

listener: ICommandStateChangedListener

Returns void

renderToImage

Inherited from: IgxSeriesViewerComponent

renderToImage(width: number, height: number): any

Parameters

width: number
height: number

Returns any

resetAnnotations

Inherited from: IgxSeriesViewerComponent

resetAnnotations(): void

Returns void

resetZoom

Inherited from: IgxSeriesViewerComponent

Resets the zoom level to default.

resetZoom(): void

Returns void

saveAnnotationsToJson

Inherited from: IgxSeriesViewerComponent

saveAnnotationsToJson(): string

Returns string

simulateClick

Inherited from: IgxSeriesViewerComponent

simulateClick(point: IgPoint): void

Parameters

point: IgPoint

Returns void

simulateHover

Inherited from: IgxSeriesViewerComponent

simulateHover(point: IgPoint): void

Parameters

point: IgPoint

Returns void

simulateMouseLeave

Inherited from: IgxSeriesViewerComponent

simulateMouseLeave(): void

Returns void

simulatePlotPointerUp

Inherited from: IgxSeriesViewerComponent

simulatePlotPointerUp(point: IgPoint): void

Parameters

point: IgPoint

Returns void

simulatePressAndHold

Inherited from: IgxSeriesViewerComponent

simulatePressAndHold(point: IgPoint): void

Parameters

point: IgPoint

Returns void

startCreatingAnnotation

Inherited from: IgxSeriesViewerComponent

startCreatingAnnotation(): void

Returns void

startDeletingAnnotation

Inherited from: IgxSeriesViewerComponent

startDeletingAnnotation(): void

Returns void

startTiledZoomingIfNecessary

Inherited from: IgxSeriesViewerComponent

Manually starts a tiled zoom if one isn't already running.

startTiledZoomingIfNecessary(): void

Returns void

styleUpdated

Notifies the chart that the CSS styles in effect have been updated.

styleUpdated(): void

Returns void

updateStyle

updateStyle(): void

Returns void

zoomIn

Inherited from: IgxSeriesViewerComponent

Performs zoom in action on the chart by specified percentage of current window rect

zoomIn(percentage: number): void

Parameters

percentage: number

Returns void

zoomOut

Inherited from: IgxSeriesViewerComponent

Performs zoom out action on the chart by specified percentage of current window rect

zoomOut(percentage: number): void

Parameters

percentage: number

Returns void

_createFromInternal

Inherited from: IgxSeriesViewerComponent

_createFromInternal(internal: any): IgxSeriesViewerComponent

Parameters

internal: any

Returns IgxSeriesViewerComponent

On this page

Constructors

IgxDataChartComponent

Properties

_dynamicContent

actualAxes

actualSeries

contentAxes

contentSeries

ngAcceptInputType_actualContentHitTestMode

ngAcceptInputType_actualInteractionPixelScalingRatio

ngAcceptInputType_actualPixelScalingRatio

ngAcceptInputType_actualPlotAreaMarginBottom

ngAcceptInputType_actualPlotAreaMarginLeft

ngAcceptInputType_actualPlotAreaMarginRight

ngAcceptInputType_actualPlotAreaMarginTop

ngAcceptInputType_actualWindowPositionHorizontal

ngAcceptInputType_actualWindowPositionVertical

ngAcceptInputType_actualWindowRect

ngAcceptInputType_actualWindowRectMinHeight

ngAcceptInputType_actualWindowRectMinWidth

ngAcceptInputType_actualWindowScaleHorizontal

ngAcceptInputType_actualWindowScaleVertical

ngAcceptInputType_alignsGridLinesToPixels

ngAcceptInputType_animateSeriesWhenAxisRangeChanges

ngAcceptInputType_autoExpandMarginExtraPadding

ngAcceptInputType_autoExpandMarginMaximumValue

ngAcceptInputType_autoMarginAndAngleUpdateMode

ngAcceptInputType_autoMarginHeight

ngAcceptInputType_autoMarginWidth

ngAcceptInputType_bottomMargin

ngAcceptInputType_brushes

ngAcceptInputType_computedPlotAreaMarginMode

ngAcceptInputType_contentHitTestMode

ngAcceptInputType_contentViewport

ngAcceptInputType_crosshairPoint

ngAcceptInputType_crosshairVisibility

ngAcceptInputType_defaultInteraction

ngAcceptInputType_dragModifier

ngAcceptInputType_effectiveViewport

ngAcceptInputType_fireMouseLeaveOnManipulationStart

ngAcceptInputType_focusDismissDelayMilliseconds

ngAcceptInputType_focusedSeriesItems

ngAcceptInputType_focusMode

ngAcceptInputType_focusTransitionDuration

ngAcceptInputType_fullAxes

ngAcceptInputType_fullSeries

ngAcceptInputType_gridMode

ngAcceptInputType_highlightedValuesDisplayMode

ngAcceptInputType_highlightingBehavior

ngAcceptInputType_highlightingDismissDelayMilliseconds

ngAcceptInputType_highlightingFadeOpacity

ngAcceptInputType_highlightingMode

ngAcceptInputType_highlightingTransitionDuration

ngAcceptInputType_horizontalViewScrollbarCornerRadius

ngAcceptInputType_horizontalViewScrollbarHeight

ngAcceptInputType_horizontalViewScrollbarInset

ngAcceptInputType_horizontalViewScrollbarMaxOpacity

ngAcceptInputType_horizontalViewScrollbarMode

ngAcceptInputType_horizontalViewScrollbarPosition

ngAcceptInputType_horizontalViewScrollbarShouldAddAutoTrackInsets

ngAcceptInputType_horizontalViewScrollbarStrokeThickness

ngAcceptInputType_horizontalViewScrollbarTrackEndInset

ngAcceptInputType_horizontalViewScrollbarTrackStartInset

ngAcceptInputType_interactionOverride

ngAcceptInputType_interactionPixelScalingRatio

ngAcceptInputType_isAntiAliasingEnabledDuringInteraction

ngAcceptInputType_isDetached

ngAcceptInputType_isHorizontalZoomEnabled

ngAcceptInputType_isInCreateAnnotationMode

ngAcceptInputType_isInDeleteAnnotationMode

ngAcceptInputType_isMap

ngAcceptInputType_isPagePanningAllowed

ngAcceptInputType_isSquare

ngAcceptInputType_isSurfaceInteractionDisabled

ngAcceptInputType_isUserAnnotationsEnabled

ngAcceptInputType_isVerticalZoomEnabled

ngAcceptInputType_isWindowSyncedToVisibleRange

ngAcceptInputType_leftMargin

ngAcceptInputType_legendHighlightingMode

ngAcceptInputType_legendItemBadgeMode

ngAcceptInputType_legendItemBadgeShape

ngAcceptInputType_markerAutomaticBehavior

ngAcceptInputType_markerBrushes

ngAcceptInputType_markerOutlines

ngAcceptInputType_outlines

ngAcceptInputType_panModifier

ngAcceptInputType_pixelScalingRatio

ngAcceptInputType_plotAreaMarginBottom

ngAcceptInputType_plotAreaMarginLeft

ngAcceptInputType_plotAreaMarginRight

ngAcceptInputType_plotAreaMarginTop

ngAcceptInputType_preferHigherResolutionTiles

ngAcceptInputType_previewPathOpacity

ngAcceptInputType_previewRect

ngAcceptInputType_resizeIdleMilliseconds

ngAcceptInputType_rightButtonDefaultInteraction

ngAcceptInputType_rightMargin

ngAcceptInputType_scrollbarsAnimationDuration

ngAcceptInputType_selectedSeriesItems

ngAcceptInputType_selectionBehavior

ngAcceptInputType_selectionDismissDelayMilliseconds

ngAcceptInputType_selectionMode

ngAcceptInputType_selectionModifier

ngAcceptInputType_selectionTransitionDuration

ngAcceptInputType_seriesPlotAreaMarginHorizontalMode

ngAcceptInputType_seriesPlotAreaMarginVerticalMode

ngAcceptInputType_seriesValueLayerUseLegend

ngAcceptInputType_shouldAutoExpandMarginForInitialLabels

ngAcceptInputType_shouldConsiderAutoRotationForInitialLabels

ngAcceptInputType_shouldMatchZOrderToSeriesOrder

ngAcceptInputType_shouldPanOnMaximumZoom

ngAcceptInputType_shouldSimulateHoverMoveCrosshairPoint

ngAcceptInputType_shouldSuppressAxisLabelTruncation

ngAcceptInputType_subtitleBottomMargin

ngAcceptInputType_subtitleHorizontalAlignment

ngAcceptInputType_subtitleLeftMargin

ngAcceptInputType_subtitleRightMargin

ngAcceptInputType_subtitleTopMargin

ngAcceptInputType_suppressAutoMarginAndAngleRecalculation

ngAcceptInputType_titleBottomMargin

ngAcceptInputType_titleHorizontalAlignment

ngAcceptInputType_titleLeftMargin

ngAcceptInputType_titleRightMargin

ngAcceptInputType_titleTopMargin

ngAcceptInputType_topMargin

ngAcceptInputType_useTiledZooming

ngAcceptInputType_verticalViewScrollbarCornerRadius

ngAcceptInputType_verticalViewScrollbarInset

ngAcceptInputType_verticalViewScrollbarMaxOpacity

ngAcceptInputType_verticalViewScrollbarMode

ngAcceptInputType_verticalViewScrollbarPosition

ngAcceptInputType_verticalViewScrollbarShouldAddAutoTrackInsets

ngAcceptInputType_verticalViewScrollbarStrokeThickness

ngAcceptInputType_verticalViewScrollbarTrackEndInset

ngAcceptInputType_verticalViewScrollbarTrackStartInset

ngAcceptInputType_verticalViewScrollbarWidth

ngAcceptInputType_viewportRect

ngAcceptInputType_windowPositionHorizontal

ngAcceptInputType_windowPositionVertical

ngAcceptInputType_windowRect

ngAcceptInputType_windowRectMinHeight

ngAcceptInputType_windowRectMinWidth

ngAcceptInputType_windowResponse

ngAcceptInputType_windowScaleHorizontal

ngAcceptInputType_windowScaleVertical

ngAcceptInputType_windowSizeMinHeight

ngAcceptInputType_windowSizeMinWidth

ngAcceptInputType_zoomCoercionMode

ngAcceptInputType_zoomTileCacheSize

ɵcmp

ɵfac

Accessors

actualContentHitTestMode

actualInteractionPixelScalingRatio

actualPixelScalingRatio

actualPlotAreaMarginBottom

actualPlotAreaMarginLeft

actualPlotAreaMarginRight

actualPlotAreaMarginTop

actualWindowPositionHorizontal

actualWindowPositionVertical

actualWindowRect

actualWindowRectChanged

actualWindowRectMinHeight

actualWindowRectMinWidth

actualWindowScaleHorizontal

actualWindowScaleVertical

alignsGridLinesToPixels

animateSeriesWhenAxisRangeChanges

autoExpandMarginExtraPadding

autoExpandMarginMaximumValue

autoMarginAndAngleUpdateMode

autoMarginHeight

autoMarginWidth

axes

axisLabelMouseClick

axisLabelMouseDown

axisLabelMouseEnter

axisLabelMouseLeave

axisLabelMouseOver

axisLabelMouseUp

axisPanelMouseClick

axisPanelMouseDown

axisPanelMouseEnter

axisPanelMouseLeave

axisPanelMouseOver

axisPanelMouseUp

bottomMargin

brushes

chartTitle

computedPlotAreaMarginMode

contentHitTestMode

contentViewport

crosshairPoint

crosshairVisibility

dataSource

defaultAxisMajorStroke

defaultAxisMinorStroke

defaultAxisStroke

defaultInteraction

dragModifier

effectiveViewport

fireMouseLeaveOnManipulationStart

focusBrush

focusDismissDelayMilliseconds

focusedSeriesItems

focusedSeriesItemsChanged

focusMode

focusTransitionDuration

fullAxes

fullSeries

gridAreaRectChanged

gridMode

height

highlightedDataSource

highlightedValuesDisplayMode

highlightingBehavior

highlightingDismissDelayMilliseconds

highlightingFadeOpacity

highlightingMode

highlightingTransitionDuration

horizontalCrosshairBrush

horizontalViewScrollbarCornerRadius

horizontalViewScrollbarFill

horizontalViewScrollbarHeight

horizontalViewScrollbarInset

horizontalViewScrollbarMaxOpacity

horizontalViewScrollbarMode

horizontalViewScrollbarOutline

horizontalViewScrollbarPosition

horizontalViewScrollbarShouldAddAutoTrackInsets

horizontalViewScrollbarStrokeThickness

horizontalViewScrollbarTrackEndInset

horizontalViewScrollbarTrackStartInset

imageCaptured

interactionOverride

interactionPixelScalingRatio

isAntiAliasingEnabledDuringInteraction

isDetached

isHorizontalZoomEnabled

isInCreateAnnotationMode

isInDeleteAnnotationMode

isMap

isPagePanningAllowed

isSquare

isSurfaceInteractionDisabled

isUserAnnotationsEnabled

isVerticalZoomEnabled

isWindowSyncedToVisibleRange

leftMargin

legend

legendHighlightingMode

legendItemBadgeMode

legendItemBadgeShape

markerAutomaticBehavior

markerBrushes

markerOutlines

outlines

panModifier

pixelScalingRatio

plotAreaBackground

plotAreaClicked

plotAreaMarginBottom

plotAreaMarginLeft

plotAreaMarginRight

plotAreaMarginTop

plotAreaMouseEnter

plotAreaMouseLeave

plotAreaMouseLeftButtonDown

plotAreaMouseLeftButtonUp

plotAreaMouseOver

preferHigherResolutionTiles

previewPathFill

previewPathOpacity

previewPathStroke

previewRect

refreshCompleted

resizeIdle

resizeIdleMilliseconds

rightButtonDefaultInteraction

rightMargin

scrollbarsAnimationDuration

selectedSeriesItems

selectedSeriesItemsChanged

selectionBehavior

selectionBrush

selectionDismissDelayMilliseconds

selectionMode

selectionModifier

selectionTransitionDuration

series

seriesClick

seriesCursorMouseMove

seriesMouseEnter

seriesMouseLeave

seriesMouseLeftButtonDown

seriesMouseLeftButtonUp

seriesMouseMove

seriesPlotAreaMarginHorizontalMode

seriesPlotAreaMarginVerticalMode

seriesValueLayerUseLegend

shouldAutoExpandMarginForInitialLabels

shouldConsiderAutoRotationForInitialLabels

shouldMatchZOrderToSeriesOrder

shouldPanOnMaximumZoom

shouldSimulateHoverMoveCrosshairPoint

shouldSuppressAxisLabelTruncation

sizeChanged

subtitle

subtitleBottomMargin

subtitleHorizontalAlignment

subtitleLeftMargin

subtitleRightMargin

subtitleTextColor

subtitleTextStyle

subtitleTopMargin

suppressAutoMarginAndAngleRecalculation

syncChannel

synchronizeHorizontally

synchronizeVertically

titleBottomMargin

titleHorizontalAlignment

titleLeftMargin

titleRightMargin

titleTextColor

titleTextStyle

titleTopMargin

topMargin

userAnnotationInformationRequested

userAnnotationToolTipContentUpdating

useTiledZooming

verticalCrosshairBrush

verticalViewScrollbarCornerRadius

verticalViewScrollbarFill

verticalViewScrollbarInset

verticalViewScrollbarMaxOpacity

verticalViewScrollbarMode

verticalViewScrollbarOutline

verticalViewScrollbarPosition

verticalViewScrollbarShouldAddAutoTrackInsets

verticalViewScrollbarStrokeThickness

verticalViewScrollbarTrackEndInset

verticalViewScrollbarTrackStartInset

verticalViewScrollbarWidth

viewerManipulationEnding

viewerManipulationStarting

viewportRect

width

windowPositionHorizontal

windowPositionVertical

windowRect

windowRectChanged

windowRectMinHeight

windowRectMinWidth

windowResponse

windowScaleHorizontal

windowScaleVertical

windowSizeMinHeight

windowSizeMinWidth

zoomCoercionMode

zoomTileCacheSize

Methods

addCommandAvailabilityListener

addCommandStateChangedListener

attachSeries

bindData

bindHighlightedData

cancelAnnotationFlow

cancelCreatingAnnotation

cancelDeletingAnnotation

cancelManipulation

captureImage

clearTileZoomCache

destroy

endTiledZoomingIfRunning

exportSerializedVisualData

findByName

finishAnnotationFlow

finishCreatingAnnotation

finishDeletingAnnotation

flush

getActualWindowScaleHorizontal

getActualWindowScaleVertical

getAnimationIdleVersionNumber

getCurrentActualWindowRect

getDesiredToolbarActions

hideToolTip

isAnimationActive

loadAnnotationsFromJson

ngAfterContentInit

ngAfterViewInit

ngOnDestroy

ngOnInit

notifyClearItems

notifyContainerResized

notifyInsertItem

notifyRemoveItem

notifySeriesDataChanged

notifySetItem

queueForAnimationIdle

recalculateAutoLabelsAngle

recalculateMarginAutoExpansion

refreshComputedPlotAreaMargin

removeCommandAvailabilityListener

removeCommandStateChangedListener

renderToImage

resetAnnotations

resetZoom

saveAnnotationsToJson

simulateClick

simulateHover

simulateMouseLeave

simulatePlotPointerUp

simulatePressAndHold

startCreatingAnnotation

startDeletingAnnotation

startTiledZoomingIfNecessary

styleUpdated

updateStyle

zoomIn

zoomOut

_createFromInternal