IgxSeriesViewerComponent

new IgxSeriesViewerComponent(): IgxSeriesViewerComponent

Returns IgxSeriesViewerComponent

ngAcceptInputType_actualContentHitTestMode: string | ChartHitTestMode

ngAcceptInputType_actualInteractionPixelScalingRatio: string | number

ngAcceptInputType_actualPixelScalingRatio: string | number

ngAcceptInputType_actualWindowPositionHorizontal: string | number

ngAcceptInputType_actualWindowPositionVertical: string | number

ngAcceptInputType_actualWindowRect: any

ngAcceptInputType_actualWindowRectMinHeight: string | number

ngAcceptInputType_actualWindowRectMinWidth: string | number

ngAcceptInputType_animateSeriesWhenAxisRangeChanges: string | boolean

ngAcceptInputType_autoMarginHeight: string | number

ngAcceptInputType_autoMarginWidth: string | number

ngAcceptInputType_bottomMargin: string | number

ngAcceptInputType_brushes: string | string[]

ngAcceptInputType_contentHitTestMode: string | ChartHitTestMode

ngAcceptInputType_contentViewport: any

ngAcceptInputType_crosshairPoint: any

ngAcceptInputType_crosshairVisibility: any

ngAcceptInputType_defaultInteraction: any

ngAcceptInputType_dragModifier: any

ngAcceptInputType_effectiveViewport: any

ngAcceptInputType_fireMouseLeaveOnManipulationStart: string | boolean

ngAcceptInputType_focusDismissDelayMilliseconds: string | number

ngAcceptInputType_focusedSeriesItems: string | IgxChartSelectedItemCollection

ngAcceptInputType_focusMode: string | SeriesSelectionMode

ngAcceptInputType_focusTransitionDuration: string | number

ngAcceptInputType_fullSeries: string | IgxSeriesCollection

ngAcceptInputType_highlightedValuesDisplayMode: any

ngAcceptInputType_highlightingBehavior: string | SeriesHighlightingBehavior

ngAcceptInputType_highlightingDismissDelayMilliseconds: string | number

ngAcceptInputType_highlightingFadeOpacity: string | number

ngAcceptInputType_highlightingMode: string | SeriesHighlightingMode

ngAcceptInputType_highlightingTransitionDuration: string | number

ngAcceptInputType_horizontalViewScrollbarCornerRadius: string | number

ngAcceptInputType_horizontalViewScrollbarHeight: string | number

ngAcceptInputType_horizontalViewScrollbarInset: string | number

ngAcceptInputType_horizontalViewScrollbarMaxOpacity: string | number

ngAcceptInputType_horizontalViewScrollbarMode: string | SeriesViewerScrollbarMode

ngAcceptInputType_horizontalViewScrollbarPosition: string | SeriesViewerHorizontalScrollbarPosition

ngAcceptInputType_horizontalViewScrollbarShouldAddAutoTrackInsets: string | boolean

ngAcceptInputType_horizontalViewScrollbarStrokeThickness: string | number

ngAcceptInputType_horizontalViewScrollbarTrackEndInset: string | number

ngAcceptInputType_horizontalViewScrollbarTrackStartInset: string | number

ngAcceptInputType_interactionOverride: any

ngAcceptInputType_interactionPixelScalingRatio: string | number

ngAcceptInputType_isAntiAliasingEnabledDuringInteraction: string | boolean

ngAcceptInputType_isDetached: string | boolean

ngAcceptInputType_isInCreateAnnotationMode: string | boolean

ngAcceptInputType_isInDeleteAnnotationMode: string | boolean

ngAcceptInputType_isMap: string | boolean

ngAcceptInputType_isPagePanningAllowed: string | boolean

ngAcceptInputType_isSurfaceInteractionDisabled: string | boolean

ngAcceptInputType_isUserAnnotationsEnabled: string | boolean

ngAcceptInputType_isWindowSyncedToVisibleRange: string | boolean

ngAcceptInputType_leftMargin: string | number

ngAcceptInputType_legendHighlightingMode: string | LegendHighlightingMode

ngAcceptInputType_legendItemBadgeMode: any

ngAcceptInputType_legendItemBadgeShape: any

ngAcceptInputType_markerAutomaticBehavior: string | MarkerAutomaticBehavior

ngAcceptInputType_markerBrushes: string | string[]

ngAcceptInputType_markerOutlines: string | string[]

ngAcceptInputType_outlines: string | string[]

ngAcceptInputType_panModifier: any

ngAcceptInputType_pixelScalingRatio: string | number

ngAcceptInputType_preferHigherResolutionTiles: string | boolean

ngAcceptInputType_previewPathOpacity: string | number

ngAcceptInputType_previewRect: any

ngAcceptInputType_resizeIdleMilliseconds: string | number

ngAcceptInputType_rightButtonDefaultInteraction: any

ngAcceptInputType_rightMargin: string | number

ngAcceptInputType_scrollbarsAnimationDuration: string | number

ngAcceptInputType_selectedSeriesItems: string | IgxChartSelectedItemCollection

ngAcceptInputType_selectionBehavior: string | SeriesSelectionBehavior

ngAcceptInputType_selectionDismissDelayMilliseconds: string | number

ngAcceptInputType_selectionMode: string | SeriesSelectionMode

ngAcceptInputType_selectionModifier: any

ngAcceptInputType_selectionTransitionDuration: string | number

ngAcceptInputType_seriesValueLayerUseLegend: string | boolean

ngAcceptInputType_shouldMatchZOrderToSeriesOrder: string | boolean

ngAcceptInputType_shouldPanOnMaximumZoom: string | boolean

ngAcceptInputType_shouldSimulateHoverMoveCrosshairPoint: string | boolean

ngAcceptInputType_subtitleBottomMargin: string | number

ngAcceptInputType_subtitleHorizontalAlignment: any

ngAcceptInputType_subtitleLeftMargin: string | number

ngAcceptInputType_subtitleRightMargin: string | number

ngAcceptInputType_subtitleTopMargin: string | number

ngAcceptInputType_titleBottomMargin: string | number

ngAcceptInputType_titleHorizontalAlignment: any

ngAcceptInputType_titleLeftMargin: string | number

ngAcceptInputType_titleRightMargin: string | number

ngAcceptInputType_titleTopMargin: string | number

ngAcceptInputType_topMargin: string | number

ngAcceptInputType_useTiledZooming: string | boolean

ngAcceptInputType_verticalViewScrollbarCornerRadius: string | number

ngAcceptInputType_verticalViewScrollbarInset: string | number

ngAcceptInputType_verticalViewScrollbarMaxOpacity: string | number

ngAcceptInputType_verticalViewScrollbarMode: string | SeriesViewerScrollbarMode

ngAcceptInputType_verticalViewScrollbarPosition: string | SeriesViewerVerticalScrollbarPosition

ngAcceptInputType_verticalViewScrollbarShouldAddAutoTrackInsets: string | boolean

ngAcceptInputType_verticalViewScrollbarStrokeThickness: string | number

ngAcceptInputType_verticalViewScrollbarTrackEndInset: string | number

ngAcceptInputType_verticalViewScrollbarTrackStartInset: string | number

ngAcceptInputType_verticalViewScrollbarWidth: string | number

ngAcceptInputType_viewportRect: any

ngAcceptInputType_windowPositionHorizontal: string | number

ngAcceptInputType_windowPositionVertical: string | number

ngAcceptInputType_windowRect: any

ngAcceptInputType_windowRectMinHeight: string | number

ngAcceptInputType_windowRectMinWidth: string | number

ngAcceptInputType_windowResponse: string | WindowResponse

ngAcceptInputType_windowSizeMinHeight: string | number

ngAcceptInputType_windowSizeMinWidth: string | number

ngAcceptInputType_zoomCoercionMode: string | ZoomCoercionMode

ngAcceptInputType_zoomTileCacheSize: string | number

ɵcmp: ɵɵComponentDeclaration<IgxSeriesViewerComponent, "ng-component", never, object, object, never, never>

ɵfac: ɵɵFactoryDeclaration<IgxSeriesViewerComponent, never>

actualContentHitTestMode: ChartHitTestMode

actualInteractionPixelScalingRatio: number

actualPixelScalingRatio: number

actualWindowPositionHorizontal: number

actualWindowPositionVertical: number

actualWindowRect: IgRect

actualWindowRectMinHeight: number

actualWindowRectMinWidth: number

animateSeriesWhenAxisRangeChanges: boolean

autoMarginHeight: number

autoMarginWidth: number

bottomMargin: number

brushes: string[]

chartTitle: string

contentHitTestMode: ChartHitTestMode

crosshairPoint: IgPoint

crosshairVisibility: Visibility

defaultInteraction: InteractionState

dragModifier: ModifierKeys

effectiveViewport: IgRect

fireMouseLeaveOnManipulationStart: boolean

focusBrush: string

focusDismissDelayMilliseconds: number

focusedSeriesItems: IgxChartSelectedItemCollection

focusMode: SeriesSelectionMode

focusTransitionDuration: number

fullSeries: IgxSeriesCollection

highlightedValuesDisplayMode: SeriesHighlightedValuesDisplayMode

highlightingBehavior: SeriesHighlightingBehavior

highlightingDismissDelayMilliseconds: number

highlightingFadeOpacity: number

highlightingMode: SeriesHighlightingMode

highlightingTransitionDuration: number

horizontalCrosshairBrush: string

horizontalViewScrollbarCornerRadius: number

horizontalViewScrollbarFill: string

horizontalViewScrollbarHeight: number

horizontalViewScrollbarInset: number

horizontalViewScrollbarMaxOpacity: number

horizontalViewScrollbarMode: SeriesViewerScrollbarMode

horizontalViewScrollbarOutline: string

horizontalViewScrollbarPosition: SeriesViewerHorizontalScrollbarPosition

horizontalViewScrollbarShouldAddAutoTrackInsets: boolean

horizontalViewScrollbarStrokeThickness: number

horizontalViewScrollbarTrackEndInset: number

horizontalViewScrollbarTrackStartInset: number

interactionOverride: InteractionState

interactionPixelScalingRatio: number

isAntiAliasingEnabledDuringInteraction: boolean

isPagePanningAllowed: boolean

isSurfaceInteractionDisabled: boolean

isUserAnnotationsEnabled: boolean

isWindowSyncedToVisibleRange: boolean

leftMargin: number

legendHighlightingMode: LegendHighlightingMode

legendItemBadgeMode: LegendItemBadgeMode

legendItemBadgeShape: LegendItemBadgeShape

markerAutomaticBehavior: MarkerAutomaticBehavior

markerBrushes: string[]

markerOutlines: string[]

outlines: string[]

panModifier: ModifierKeys

pixelScalingRatio: number

plotAreaBackground: string

preferHigherResolutionTiles: boolean

previewPathFill: string

previewPathOpacity: number

previewPathStroke: string

previewRect: IgRect

resizeIdleMilliseconds: number

rightButtonDefaultInteraction: InteractionState

rightMargin: number

scrollbarsAnimationDuration: number

selectedSeriesItems: IgxChartSelectedItemCollection

selectionBehavior: SeriesSelectionBehavior

selectionBrush: string

selectionDismissDelayMilliseconds: number

selectionMode: SeriesSelectionMode

selectionModifier: ModifierKeys

selectionTransitionDuration: number

seriesValueLayerUseLegend: boolean

shouldMatchZOrderToSeriesOrder: boolean

shouldPanOnMaximumZoom: boolean

shouldSimulateHoverMoveCrosshairPoint: boolean

subtitle: string

subtitleBottomMargin: number

subtitleHorizontalAlignment: HorizontalAlignment

subtitleLeftMargin: number

subtitleRightMargin: number

subtitleTextColor: string

subtitleTextStyle: string

subtitleTopMargin: number

titleBottomMargin: number

titleHorizontalAlignment: HorizontalAlignment

titleLeftMargin: number

titleRightMargin: number

titleTextColor: string

titleTextStyle: string

titleTopMargin: number

topMargin: number

useTiledZooming: boolean

verticalCrosshairBrush: string

verticalViewScrollbarCornerRadius: number

verticalViewScrollbarFill: string

verticalViewScrollbarInset: number

verticalViewScrollbarMaxOpacity: number

verticalViewScrollbarMode: SeriesViewerScrollbarMode

verticalViewScrollbarOutline: string

verticalViewScrollbarPosition: SeriesViewerVerticalScrollbarPosition

verticalViewScrollbarShouldAddAutoTrackInsets: boolean

verticalViewScrollbarStrokeThickness: number

verticalViewScrollbarTrackEndInset: number

verticalViewScrollbarTrackStartInset: number

verticalViewScrollbarWidth: number

windowPositionHorizontal: number

windowPositionVertical: number

windowRect: IgRect

windowRectMinHeight: number

windowRectMinWidth: number

windowResponse: WindowResponse

windowSizeMinHeight: number

windowSizeMinWidth: number

zoomCoercionMode: ZoomCoercionMode

zoomTileCacheSize: number

get actualWindowRectChanged(): EventEmitter<object>

get axisLabelMouseClick(): EventEmitter<object>

get axisLabelMouseDown(): EventEmitter<object>

get axisLabelMouseEnter(): EventEmitter<object>

get axisLabelMouseLeave(): EventEmitter<object>

get axisLabelMouseOver(): EventEmitter<object>

get axisLabelMouseUp(): EventEmitter<object>

get axisPanelMouseClick(): EventEmitter<object>

get axisPanelMouseDown(): EventEmitter<object>

get axisPanelMouseEnter(): EventEmitter<object>

get axisPanelMouseLeave(): EventEmitter<object>

get axisPanelMouseOver(): EventEmitter<object>

get axisPanelMouseUp(): EventEmitter<object>

let contentViewport: IgxRect = this.chart.contentViewport;

get contentViewport(): IgRect

get focusedSeriesItemsChanged(): EventEmitter<object>

get gridAreaRectChanged(): EventEmitter<object>

get imageCaptured(): EventEmitter<object>

get isDetached(): boolean

get isInCreateAnnotationMode(): boolean

get isInDeleteAnnotationMode(): boolean

get isMap(): boolean

get plotAreaClicked(): EventEmitter<object>

get plotAreaMouseEnter(): EventEmitter<object>

get plotAreaMouseLeave(): EventEmitter<object>

get plotAreaMouseLeftButtonDown(): EventEmitter<object>

get plotAreaMouseLeftButtonUp(): EventEmitter<object>

get plotAreaMouseOver(): EventEmitter<object>

get refreshCompleted(): EventEmitter<object>

get resizeIdle(): EventEmitter<object>

get selectedSeriesItemsChanged(): EventEmitter<object>

get seriesClick(): EventEmitter<object>

get seriesCursorMouseMove(): EventEmitter<object>

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

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

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

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

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

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

}

get seriesMouseLeftButtonUp(): EventEmitter<object>

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

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

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

get seriesMouseMove(): EventEmitter<object>

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

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

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

}

get sizeChanged(): EventEmitter<object>

get userAnnotationInformationRequested(): EventEmitter<object>

get userAnnotationToolTipContentUpdating(): EventEmitter<object>

get viewerManipulationEnding(): EventEmitter<object>

get viewerManipulationStarting(): EventEmitter<object>

let viewPortRect: IgxRect = this.chart.viewportRect;

get viewportRect(): IgRect

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

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

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

       }

get windowRectChanged(): EventEmitter<object>

addCommandAvailabilityListener(listener: ICommandAvailabilityListener): void

Parameters

• listener: ICommandAvailabilityListener

Returns void

addCommandStateChangedListener(listener: ICommandStateChangedListener): void

Parameters

• listener: ICommandStateChangedListener

Returns void

attachSeries(s: IgxSeriesComponent): void

Parameters

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

Returns void

cancelAnnotationFlow(annotationFlowID: string): void

Parameters

• annotationFlowID: string

Returns void

cancelCreatingAnnotation(): void

Returns void

cancelDeletingAnnotation(): void

Returns void

cancelManipulation(): void

Returns void

captureImage(settings: IgxCaptureImageSettings): void

Parameters

• settings: IgxCaptureImageSettings

Returns void

clearTileZoomCache(): void

Returns void

destroy(): void

Returns void

endTiledZoomingIfRunning(): void

Returns void

findByName(name: string): any

Parameters

• name: string

Returns any

finishAnnotationFlow(info: IgxUserAnnotationInformation): void

Parameters

• info: IgxUserAnnotationInformation

Returns void

finishCreatingAnnotation(): void

Returns void

finishDeletingAnnotation(): void

Returns void

this.chart.flush();

flush(): void

Returns void

let actualWindowScaleHorizontal: number = chart.getActualWindowScaleHorizontal();

getActualWindowScaleHorizontal(): number

Returns number

let actualWindowScaleVertical: number = chart.getActualWindowScaleVertical();

getActualWindowScaleVertical(): number

Returns number

getAnimationIdleVersionNumber(): number

Returns number

getCurrentActualWindowRect(): IgRect

Returns IgRect

getDesiredToolbarActions(): ToolActionInfo[]

Returns ToolActionInfo[]

this.chart.hideToolTip();

hideToolTip(): void

Returns void

isAnimationActive(): boolean

Returns boolean

loadAnnotationsFromJson(jsonString: string): void

Parameters

• jsonString: string

Returns void

ngOnInit(): void

Returns void

notifyClearItems(source_: any): void

Parameters

• source_: any
  • The data source which was cleared or reset.

  this.chart.notifyClearItems(this.data);

Returns void

notifyContainerResized(): void

Returns void

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

Parameters

• source_: any
• index: number
• newItem: any

Returns void

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

Parameters

• source_: any
• index: number
• oldItem: any

Returns void

notifySeriesDataChanged(): void

Returns void

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

Parameters

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

Returns void

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

Parameters

• action: object
• version: number

Returns void

removeCommandAvailabilityListener(listener: ICommandAvailabilityListener): void

Parameters

• listener: ICommandAvailabilityListener

Returns void

removeCommandStateChangedListener(listener: ICommandStateChangedListener): void

Parameters

• listener: ICommandStateChangedListener

Returns void

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

Parameters

• width: number
• height: number

Returns any

resetAnnotations(): void

Returns void

resetZoom(): void

Returns void

saveAnnotationsToJson(): string

Returns string

simulateClick(point: IgPoint): void

Parameters

• point: IgPoint

Returns void

simulateHover(point: IgPoint): void

Parameters

• point: IgPoint

Returns void

simulateMouseLeave(): void

Returns void

simulatePlotPointerUp(point: IgPoint): void

Parameters

• point: IgPoint

Returns void

simulatePressAndHold(point: IgPoint): void

Parameters

• point: IgPoint

Returns void

startCreatingAnnotation(): void

Returns void

startDeletingAnnotation(): void

Returns void

startTiledZoomingIfNecessary(): void

Returns void

zoomIn(percentage: number): void

Parameters

• percentage: number

Returns void

zoomOut(percentage: number): void

Parameters

• percentage: number

Returns void

_createFromInternal(internal: any): IgxSeriesViewerComponent

Parameters

• internal: any

Returns IgxSeriesViewerComponent