igniteui-angular-charts

import { EventEmitter, TemplateRef, OnInit } from '@angular/core'; import { Visibility } from "igniteui-angular-core"; import { IgRect } from "igniteui-angular-core"; import { IgPoint } from "igniteui-angular-core"; import { IgDataTemplate } from "igniteui-angular-core"; import { TransitionInSpeedType } from './TransitionInSpeedType'; import { SeriesHitTestMode } from './SeriesHitTestMode'; import { IgxAxisComponent } from './igx-axis-component'; import { Series } from './Series'; import { IgxRenderRequestedEventArgs } from './igx-render-requested-event-args'; import { SeriesVisibleRangeMode } from './SeriesVisibleRangeMode'; import { SeriesHighlightingMode } from './SeriesHighlightingMode'; import { SeriesOutlineMode } from './SeriesOutlineMode'; import { LegendItemBadgeMode } from "igniteui-angular-core"; import { LegendItemBadgeShape } from "igniteui-angular-core"; import { PenLineJoin } from "igniteui-angular-core"; import { PenLineCap } from "igniteui-angular-core"; import { ValueLayerValueMode } from './ValueLayerValueMode'; import { IgxSeriesLayerCollection } from './igx-series-layer-collection'; import { TransitionOutSpeedType } from './TransitionOutSpeedType'; import { SeriesHighlightedValuesDisplayMode } from "igniteui-angular-core"; import { IgxSeriesLayerPropertyOverlayCollection } from './igx-series-layer-property-overlay-collection'; import { SeriesSelectionMode } from './SeriesSelectionMode'; import { IgxTransitionOutCompletedEventArgs } from './igx-transition-out-completed-event-args'; import * as i0 from "@angular/core"; export declare const IgxSeriesComponent_PROVIDERS: any[]; /** * Represents the base class for all IgxDataChartComponent series. */ export declare class IgxSeriesComponent implements OnInit { protected _implementation: any; get i(): Series; private onImplementationCreated; protected createImplementation(): Series; constructor(); get seriesInternal(): any; ngOnInit(): void; set name(value: string); get name(): string; /** * Gets or sets the legend used for the current series. */ get legend(): any; set legend(v: any); private _chartLevelData; provideData(data: any[]): void; protected onUpdateDataSource(dataSource: any): any; private updateDataSource; private _dataSource; set dataSource(value: any); get dataSource(): any; private _chartLevelHighlightedData; provideHighlightedData(data: any[]): void; protected onUpdatehighlightedDataSource(highlightedDataSource: any): any; private updatehighlightedDataSource; private _highlightedDataSource; set highlightedDataSource(value: any); get highlightedDataSource(): any; bindAxes(axes: IgxAxisComponent[]): void; private _tooltipTemplate; private _tooltipContent; set tooltipTemplate(value: TemplateRef<any>); get tooltipTemplate(): TemplateRef<any>; private _tooltipContainerTemplate; set tooltipContainerTemplate(value: TemplateRef<any>); get tooltipContainerTemplate(): TemplateRef<any>; private _ensureTooltipCreated; private _ensureTooltipDestroyed; private _renderer; private _provideRenderer; static _createFromInternal(internal: any): IgxSeriesComponent; /** * Gets unique key used to identify the series in data legend */ get dataLegendKey(): string; /** * Gets or sets a name used for grouping multiple series in the Data Legend * If not set, series will be grouped by series family, e.g. Category, Range, Financial, Scatter */ get dataLegendGroup(): string; set dataLegendGroup(v: string); /** * Gets or sets a name used for grouping highlighted series in the Data Legend * If not set, series will default to parent series' DataLegendGroup, e.g. Category, Range, Financial, Scatter */ get highlightedValuesDataLegendGroup(): string; set highlightedValuesDataLegendGroup(v: string); /** * Gets whether the series is an annotation layer. * * ```ts * let isAnnotationLayer: boolean = this.series.isAnnotationLayer; * ``` */ get isAnnotationLayer(): boolean; static ngAcceptInputType_isAnnotationLayer: boolean | string; /** * Gets whether the series is an crosshair annotation layer. */ get isAnnotationCrosshairLayer(): boolean; static ngAcceptInputType_isAnnotationCrosshairLayer: boolean | string; /** * Gets whether the series is an callout annotation layer. */ get isAnnotationCalloutLayer(): boolean; static ngAcceptInputType_isAnnotationCalloutLayer: boolean | string; /** * Gets whether the series is an annotation layer displayed only when hovering over the chart. * Crosshair Layer, Category Highlight Layer, Category Tooltip Layer, Item Tooltip Layer */ get isAnnotationHoverLayer(): boolean; static ngAcceptInputType_isAnnotationHoverLayer: boolean | string; /** * Gets whether the series is final value annotation layer. */ get isAnnotationFinalValue(): boolean; static ngAcceptInputType_isAnnotationFinalValue: boolean | string; /** * Gets whether the series is a value annotation layer. */ get isAnnotationValueLayer(): boolean; static ngAcceptInputType_isAnnotationValueLayer: boolean | string; /** * Gets whether the current series is oriented vertically. * * ```ts * let isVertical: boolean = this.series.isVertical; * ``` */ get isVertical(): boolean; static ngAcceptInputType_isVertical: boolean | string; /** * Gets whether the current series is a stack fragment. * * ```ts * let isFragment: boolean = this.series.isFragment; * ``` */ get isFragment(): boolean; static ngAcceptInputType_isFragment: boolean | string; /** * Gets whether the current series shows an area or line shape. * * ```ts * let isAreaorLine: boolean = this.series.isAreaorLine; * ``` */ get isAreaOrLine(): boolean; static ngAcceptInputType_isAreaOrLine: boolean | string; /** * Gets whether the current series shows an area shape. */ get isArea(): boolean; static ngAcceptInputType_isArea: boolean | string; /** * Gets whether the current series shows an area shape. */ get hasValueAxis(): boolean; static ngAcceptInputType_hasValueAxis: boolean | string; /** * Gets whether the current series shows an area shape. */ get isValueAxisInverted(): boolean; static ngAcceptInputType_isValueAxisInverted: boolean | string; /** * Gets whether the current series shows only line shapes. */ get isLineOnly(): boolean; static ngAcceptInputType_isLineOnly: boolean | string; /** * Gets whether the current series shows a line contour shape. */ get isLineContour(): boolean; static ngAcceptInputType_isLineContour: boolean | string; /** * Gets whether the current series shows a spline shape. */ get isSpline(): boolean; static ngAcceptInputType_isSpline: boolean | string; /** * Gets whether the current series shows a column shape. */ get isColumn(): boolean; static ngAcceptInputType_isColumn: boolean | string; /** * Gets whether the current series shows a horizontal column shape. */ get isBar(): boolean; static ngAcceptInputType_isBar: boolean | string; /** * Gets whether the current series shows a waterfall column shape. */ get isWaterfall(): boolean; static ngAcceptInputType_isWaterfall: boolean | string; /** * Gets whether the current series shows a polyline shape. */ get isPolyline(): boolean; static ngAcceptInputType_isPolyline: boolean | string; /** * Gets whether the current series shows a polygon shape. */ get isPolygon(): boolean; static ngAcceptInputType_isPolygon: boolean | string; /** * Gets whether the current series shows pixels. */ get isPixel(): boolean; static ngAcceptInputType_isPixel: boolean | string; /** * Gets whether the current series shows a pie shape. */ get isPie(): boolean; static ngAcceptInputType_isPie: boolean | string; /** * Gets whether the current series shows a tile imagery. */ get isTile(): boolean; static ngAcceptInputType_isTile: boolean | string; /** * Gets whether the current series shows step shapes. */ get isStep(): boolean; static ngAcceptInputType_isStep: boolean | string; /** * Gets whether the current series shows interactive shape controls. */ get isShapeControl(): boolean; static ngAcceptInputType_isShapeControl: boolean | string; /** * Gets whether the current series is a polar type series. * * ```ts * let isPolar: boolean = this.series.isPolar; * ``` */ get isPolar(): boolean; static ngAcceptInputType_isPolar: boolean | string; /** * Gets whether the current series is a scatter type series. * * ```ts * let isScatter: boolean = this.series.isScatter; * ``` */ get isScatter(): boolean; static ngAcceptInputType_isScatter: boolean | string; /** * Gets whether the current series is a radial type series. * * ```ts * let isRadial: boolean = this.series.isRadial; * ``` */ get isRadial(): boolean; static ngAcceptInputType_isRadial: boolean | string; /** * Gets whether the current series is a stacked type series. * * ```ts * let isStacked: boolean = this.series.isStacked; * ``` */ get isStacked(): boolean; static ngAcceptInputType_isStacked: boolean | string; /** * Gets whether the current series is a financial type series. * * ```ts * let isFinancial: boolean = this.series.isFinancial; * ``` */ get isFinancial(): boolean; static ngAcceptInputType_isFinancial: boolean | string; /** * Gets whether the current series is a range type series. * * ```ts * let isRange: boolean = this.series.isRange; * ``` */ get isRange(): boolean; static ngAcceptInputType_isRange: boolean | string; /** * Gets whether the current series is a category type series. * * ```ts * let isCategory: boolean = this.series.isCategory; * ``` */ get isCategory(): boolean; static ngAcceptInputType_isCategory: boolean | string; /** * Gets whether the current series is a geographic series. * * ```ts * let isGeographic: boolean = this.series.isGeographic; * ``` */ get isGeographic(): boolean; static ngAcceptInputType_isGeographic: boolean | string; /** * Gets whether the current series is a shape type series. */ get isShape(): boolean; static ngAcceptInputType_isShape: boolean | string; /** * Gets whether the series is a value overlay. */ get isValueOverlay(): boolean; static ngAcceptInputType_isValueOverlay: boolean | string; /** * Gets whether the series is a highlight overlay. */ get isHighlightOverlay(): boolean; static ngAcceptInputType_isHighlightOverlay: boolean | string; /** * Gets whether the series supports summarization in Data Legend and Data Tooltip. */ get isSummarizationSupported(): boolean; static ngAcceptInputType_isSummarizationSupported: boolean | string; get isLayer(): boolean; static ngAcceptInputType_isLayer: boolean | string; /** * Gets whether the series has only marker as visuals */ get hasOnlyMarkers(): boolean; static ngAcceptInputType_hasOnlyMarkers: boolean | string; /** * Gets whether the series has financial OHLC/candlestick visuals */ get isFinancialSeries(): boolean; static ngAcceptInputType_isFinancialSeries: boolean | string; /** * Gets whether the series is financial overlay */ get isFinancialOverlay(): boolean; static ngAcceptInputType_isFinancialOverlay: boolean | string; /** * Gets whether the series is financial indicator */ get isFinancialIndicator(): boolean; static ngAcceptInputType_isFinancialIndicator: boolean | string; /** * Gets whether the series is financial waterfall */ get isFinancialWaterfall(): boolean; static ngAcceptInputType_isFinancialWaterfall: boolean | string; /** * Gets whether the default crosshair behavior should be disabled if this series is present. * * `IsDefaultCrosshairBehaviorDisabled` defaults to true for annotation layers. When not using annotaion layers, you can show crosshairs by setting the chart's `CrosshairVisibility` to true. * * ```ts * let isDefaultCrosshairBehaviorDisabled: boolean = this.series.isDefaultCrosshairBehaviorDisabled; * ``` */ get isDefaultCrosshairBehaviorDisabled(): boolean; static ngAcceptInputType_isDefaultCrosshairBehaviorDisabled: boolean | string; /** * Gets whether the default tooltip behavior should be disabled if this series is present. * * ```ts * let isDefaultTooltipBehaviorDisabled: boolean = this.series.isDefaultTooltipBehaviorDisabled; * ``` */ get isDefaultTooltipBehaviorDisabled(): boolean; static ngAcceptInputType_isDefaultTooltipBehaviorDisabled: boolean | string; /** * Returns whether the current series supports visual markers. * * ```ts * let hasMarkers: boolean = this.series.hasMarkers; * ``` */ get hasMarkers(): boolean; static ngAcceptInputType_hasMarkers: boolean | string; /** * Returns whether the current series has a visible marker style. */ get hasVisibleMarkers(): boolean; static ngAcceptInputType_hasVisibleMarkers: boolean | string; private _highlightedValuesExtraPropertyOverlays; /** * Gets the current extra layers for the series. */ get highlightedValuesExtraPropertyOverlays(): IgxSeriesLayerPropertyOverlayCollection; set highlightedValuesExtraPropertyOverlays(v: IgxSeriesLayerPropertyOverlayCollection); static ngAcceptInputType_highlightedValuesExtraPropertyOverlays: IgxSeriesLayerPropertyOverlayCollection | string; /** * Gets if the series uses an index, which can be used to auto-assign it a color. * * ```ts * let isIndexed: boolean = this.series.isIndexed; * ``` */ get isIndexed(): boolean; static ngAcceptInputType_isIndexed: boolean | string; /** * Gets if the series should appear in any legends. * * ```ts * let isUsableInLegend: boolean = this.series.isUsableInLegend; * ``` */ get isUsableInLegend(): boolean; static ngAcceptInputType_isUsableInLegend: boolean | string; /** * Gets or sets whether or not the current series will have a legend item displayed in a legend. * * The `LegendItemVisibilty` can be used to exclude only certain `Series` from the `Legend`. */ get legendItemVisibility(): Visibility; set legendItemVisibility(v: Visibility); static ngAcceptInputType_legendItemVisibility: Visibility | string; /** * Gets or sets the LegendItemBadgeTemplate property. * The legend item badge is created according to the LegendItemBadgeTemplate on-demand by * the series object itself. */ get legendItemBadgeTemplate(): IgDataTemplate; set legendItemBadgeTemplate(v: IgDataTemplate); /** * Gets the actual legend item badge template used by the series. */ get actualLegendItemBadgeTemplate(): IgDataTemplate; set actualLegendItemBadgeTemplate(v: IgDataTemplate); /** * Gets the effective legend badge outline for the current series. */ get actualLegendItemBadgeOutline(): string; set actualLegendItemBadgeOutline(v: string); /** * Gets the effective legend badge fill for the current series. */ get actualLegendItemBadgeBrush(): string; set actualLegendItemBadgeBrush(v: string); /** * Gets or sets the type of legend badge representing the current series in a legend. * This property will be ignored when the LegendItemTemplate/LegendItemBadgeTemplate property is set on the series */ get legendItemBadgeShape(): LegendItemBadgeShape; set legendItemBadgeShape(v: LegendItemBadgeShape); static ngAcceptInputType_legendItemBadgeShape: LegendItemBadgeShape | string; /** * Gets or sets the mode of legend badge representing the current series in a legend. * This property will be ignored when the LegendItemTemplate/LegendItemBadgeTemplate property is set on the series */ get legendItemBadgeMode(): LegendItemBadgeMode; set legendItemBadgeMode(v: LegendItemBadgeMode); static ngAcceptInputType_legendItemBadgeMode: LegendItemBadgeMode | string; /** * Gets or sets the LegendItemTemplate property. * The legend item control content is created according to the LegendItemTemplate on-demand by * the series object itself. */ get legendItemTemplate(): IgDataTemplate; set legendItemTemplate(v: IgDataTemplate); /** * Gets or sets the DiscreteLegendItemTemplate property. * The legend item control content is created according to the DiscreteLegendItemTemplate on-demand by * the series object itself. */ get discreteLegendItemTemplate(): IgDataTemplate; set discreteLegendItemTemplate(v: IgDataTemplate); /** * Gets the Index property. */ get index(): number; set index(v: number); static ngAcceptInputType_index: number | string; /** * Gets or sets the easing function used to morph the current series. * * The `TransitioninDuration` and `TransitionEasingFunction` can be used to play animation when data is added or removed from a `Series`. To play an initial animation see `TransitionInDuration`. * * ```ts * this.series.transitionEasingFunction = EasingFunctions.cubicEase; * ``` */ get transitionEasingFunction(): (time: number) => number; set transitionEasingFunction(v: (time: number) => number); /** * Gets or sets the EasingFunction used to morph the current series during the initial transition. * * The `TransitionInEasingFunction` can be used with `IsTransitionInEnabled` to cofigure the animation when a new datasource is loaded. * * ```ts * this.series.transitionInEasingFunction = EasingFunctions.cubicEase; * ``` */ get transitionInEasingFunction(): (time: number) => number; set transitionInEasingFunction(v: (time: number) => number); /** * Gets or sets the EasingFunction used to morph the current series during the initial transition. */ get transitionOutEasingFunction(): (time: number) => number; set transitionOutEasingFunction(v: (time: number) => number); /** * Gets or sets the duration of the current series' morph. * * The `TransitionDuration` can be used to play animation when data is added or removed from a `Series`. To play an initial animation see `TransitionInDuration`. * * ```html * <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=500 * transitionInDuration=500> * </igx-column-series> * </igx-data-chart> * ``` * * ```ts * this.series.transitionDuration = 500; * ``` */ get transitionDuration(): number; set transitionDuration(v: number); static ngAcceptInputType_transitionDuration: number | string; get actualResolution(): number; set actualResolution(v: number); static ngAcceptInputType_actualResolution: number | string; /** * Gets or sets the current series object's rendering resolution. * * Setting the `Resolution` on a Series to a higher value can help with performance, but it will lower the graphical fidelity of the line. As such, it can be increased up until the fidelity is unacceptable. * * ```html * <igx-data-chart * [dataSource]="data"> * <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" * resolution=1.5> * </igx-line-series> * </igx-data-chart> * ``` * * ```ts * this.series.resolution = 1.5; * ``` */ get resolution(): number; set resolution(v: number); static ngAcceptInputType_resolution: number | string; /** * Gets or sets the top margin to use when getting a visible axis range for the series. */ get visibleRangeMarginTop(): number; set visibleRangeMarginTop(v: number); static ngAcceptInputType_visibleRangeMarginTop: number | string; /** * Gets or sets the bottom margin to use when getting a visible axis range for the series. */ get visibleRangeMarginBottom(): number; set visibleRangeMarginBottom(v: number); static ngAcceptInputType_visibleRangeMarginBottom: number | string; /** * Gets or sets the left margin to use when getting a visible axis range for the series. */ get visibleRangeMarginLeft(): number; set visibleRangeMarginLeft(v: number); static ngAcceptInputType_visibleRangeMarginLeft: number | string; /** * Gets or sets the right margin to use when getting a visible axis range for the series. */ get visibleRangeMarginRight(): number; set visibleRangeMarginRight(v: number); static ngAcceptInputType_visibleRangeMarginRight: number | string; /** * Gets or sets the Title property. * The legend item control is created according to the Title on-demand by * the series object itself. * * The `Series` `Title` may be used in tooltips and legends. * * ```html * <igx-data-chart * [dataSource]="data"> * <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" * showDefaultTooltip="true" * title="InStock Items"> * </igx-column-series> * </igx-data-chart> * ``` * * ```ts * this.series.title = "InStock Items"; * ``` */ get title(): any; set title(v: any); /** * Gets or sets the HighlightedTitleSuffix property. */ get highlightedTitleSuffix(): string; set highlightedTitleSuffix(v: string); /** * Gets or sets whether the highlighted values layer should have a legend item. */ get highlightedLegendItemVisibility(): Visibility; set highlightedLegendItemVisibility(v: Visibility); static ngAcceptInputType_highlightedLegendItemVisibility: Visibility | string; /** * Gets or sets the brush to use for the series. * * The `Brush` along with the `Outline` and `Negative Brush` can be used to affect the visuals of the `Series`. * * ```html * <igx-data-chart #chart * [dataSource]="data"> * <igx-category-x-axis * label="label" * #xAxis> * </igx-category-x-axis> * <igx-numeric-y-axis * #yAxis> * </igx-numeric-y-axis> * <igx-area-series * [xAxis]="xAxis" * [yAxis]="yAxis" * valueMemberPath="value" * brush="red"> * </igx-area-series> * </igx-data-chart> * ``` * * ```ts * this.series.brush = "red"; * ``` */ get brush(): string; set brush(v: string); /** * Gets the effective brush for the current series object. * * ```ts * let actualBrush: string = series.actualBrush; * ``` */ get actualBrush(): string; set actualBrush(v: string); /** * Gets or sets the selection brush to use for the series. */ get selectionBrush(): string; set selectionBrush(v: string); /** * Gets or sets the Focus brush to use for the series. */ get focusBrush(): string; set focusBrush(v: string); /** * Gets the effective emphasis brush for the current series object. */ get actualSelectionBrush(): string; set actualSelectionBrush(v: string); /** * Gets the effective emphasis brush for the current series object. */ get actualFocusBrush(): string; set actualFocusBrush(v: string); /** * Gets the effective brush for the current series object with opacity removed so its contrasty for use as a font color. */ get safeActualBrush(): string; set safeActualBrush(v: string); /** * Gets or sets the brush to use for the outline of the series. * Some series types, such as LineSeries, do not display outlines. Therefore, this property does not affect some charts. * * The `Outline` along with the `Brush` and `NegativeBrush` can be used to affect the visuals of the `Series`. * * ```html * <igx-data-chart #chart * [dataSource]="data"> * <igx-category-x-axis * label="label" * #xAxis> * </igx-category-x-axis> * <igx-numeric-y-axis * #yAxis> * </igx-numeric-y-axis> * <igx-area-series * [xAxis]="xAxis" * [yAxis]="yAxis" * valueMemberPath="value" * outline="red"> * </igx-area-series> * </igx-data-chart> * ``` * * ```ts * this.series.brush = "red"; * ``` */ get outline(): string; set outline(v: string); /** * Gets the effective outline for the current series object. * * ```ts * let actualOutline: string = series.ActualOutline; * ``` */ get actualOutline(): string; set actualOutline(v: string); /** * Gets or sets the brush that specifies current series object's line join style. */ get lineJoin(): PenLineJoin; set lineJoin(v: PenLineJoin); static ngAcceptInputType_lineJoin: PenLineJoin | string; /** * Gets or sets whether and how to display highlighted values for the series. Note, this is distinct from the highlighting feature that indicates what is closest or under the mouse. */ get highlightedValuesDisplayMode(): SeriesHighlightedValuesDisplayMode; set highlightedValuesDisplayMode(v: SeriesHighlightedValuesDisplayMode); static ngAcceptInputType_highlightedValuesDisplayMode: SeriesHighlightedValuesDisplayMode | string; /** * Gets or sets whether and how to display highlighted values for the series. Note, this is distinct from the highlighting feature that indicates what is closest or under the mouse. */ get shouldAnimateOnDataSourceSwap(): boolean; set shouldAnimateOnDataSourceSwap(v: boolean); static ngAcceptInputType_shouldAnimateOnDataSourceSwap: boolean | string; /** * Gets or sets the width of the current series object's line thickness. * * Depending on the `Series` type, this can be the main brush used, or just the outline. For example, when using a `LineSeries` it will affect the thickness of the lines drawn, whereas when using a `ColumnSeries` it will affect the outer border thickness of the columns. * * ```html * <igx-data-chart * [dataSource]="data"> * <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> * ``` * * ```ts * this.series.thickness=5; * ``` */ get thickness(): number; set thickness(v: number); static ngAcceptInputType_thickness: number | string; /** * Gets the effective Thickness for the current series object. */ get actualThickness(): number; set actualThickness(v: number); static ngAcceptInputType_actualThickness: number | string; /** * Gets or sets a collection of Double values that indicate the pattern of dashes and gaps that * is used to outline the current series object. */ get dashArray(): number[]; set dashArray(v: number[]); static ngAcceptInputType_dashArray: number[] | string; /** * Gets actual highlighting mode */ get actualHighlightingMode(): SeriesHighlightingMode; set actualHighlightingMode(v: SeriesHighlightingMode); static ngAcceptInputType_actualHighlightingMode: SeriesHighlightingMode | string; /** * Gets actual Selection mode */ get actualSelectionMode(): SeriesSelectionMode; set actualSelectionMode(v: SeriesSelectionMode); static ngAcceptInputType_actualSelectionMode: SeriesSelectionMode | string; /** * Gets actual Selection mode */ get actualFocusMode(): SeriesSelectionMode; set actualFocusMode(v: SeriesSelectionMode); static ngAcceptInputType_actualFocusMode: SeriesSelectionMode | string; /** * Gets actual HighlightedValues fade opacity */ get actualHighlightedValuesFadeOpacity(): number; set actualHighlightedValuesFadeOpacity(v: number); static ngAcceptInputType_actualHighlightedValuesFadeOpacity: number | string; /** * Gets or sets the target opacity to fade to for fade style HighlightedValues. */ get highlightedValuesFadeOpacity(): number; set highlightedValuesFadeOpacity(v: number); static ngAcceptInputType_highlightedValuesFadeOpacity: number | string; /** * Gets actual highlighting fade opacity */ get actualHighlightingFadeOpacity(): number; set actualHighlightingFadeOpacity(v: number); static ngAcceptInputType_actualHighlightingFadeOpacity: number | string; /** * Gets or sets the target opacity to fade to for fade style highlighting. */ get highlightingFadeOpacity(): number; set highlightingFadeOpacity(v: number); static ngAcceptInputType_highlightingFadeOpacity: number | string; /** * Gets or sets whether the ActualLegend is FinancialLegend or normal Legend. */ get isActualLegendFinancial(): boolean; set isActualLegendFinancial(v: boolean); static ngAcceptInputType_isActualLegendFinancial: boolean | string; /** * Gets or sets whether the component level highlight mode is ignored. */ get isComponentHighlightingModeIgnored(): boolean; set isComponentHighlightingModeIgnored(v: boolean); static ngAcceptInputType_isComponentHighlightingModeIgnored: boolean | string; /** * Gets or sets whether highlighting should be enabled for this series, if this type of series supports highlighting. * * ```html * <igx-data-chart #chart * [dataSource]="data"> * <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" * isHighlightEnabled="true"> * </igx-column-series> * </igx-data-chart> * ``` * * ```ts * this.series.isHighlightingEnabled = true; * ``` */ get isHighlightingEnabled(): boolean; set isHighlightingEnabled(v: boolean); static ngAcceptInputType_isHighlightingEnabled: boolean | string; /** * Gets or sets whether the series should use individual palette colors for each item. */ get useItemWiseColors(): boolean; set useItemWiseColors(v: boolean); static ngAcceptInputType_useItemWiseColors: boolean | string; get isColoredItemwise(): boolean; static ngAcceptInputType_isColoredItemwise: boolean | string; /** * Gets or sets whether the opacity should be automatically shifted for the safe actual brush. */ get shouldShiftOpacityForSafeActualBrush(): boolean; set shouldShiftOpacityForSafeActualBrush(v: boolean); static ngAcceptInputType_shouldShiftOpacityForSafeActualBrush: boolean | string; /** * Gets or sets whether the opacity should be automatically shifted for the safe actual brush. */ get shouldRemoveHighlightedDataOnLayerHidden(): boolean; set shouldRemoveHighlightedDataOnLayerHidden(v: boolean); static ngAcceptInputType_shouldRemoveHighlightedDataOnLayerHidden: boolean | string; /** * Gets or sets whether this series should suppress it's auto callouts */ get shouldHideAutoCallouts(): boolean; set shouldHideAutoCallouts(v: boolean); static ngAcceptInputType_shouldHideAutoCallouts: boolean | string; /** * Gets or sets whether drop shadow should be enabled for this series. * * `IsDropShadowEnabled` is used to decide whether drop shadow should be enabled for this series. * * ```html * <igx-data-chart * [dataSource]="data"> * <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" * isDropShadowEnabled=true> * </igx-line-series> * </igx-data-chart> * ``` * * ```ts * this.series.isDropShadowEnabled = true; * ``` */ get isDropShadowEnabled(): boolean; set isDropShadowEnabled(v: boolean); static ngAcceptInputType_isDropShadowEnabled: boolean | string; /** * Gets or sets the shadow blur. * This property is ignored when * Series.UseSingleShadow is set to true. * * `ShadowBlur` can be set in conjection with `IsDropShadowEnabled` to further define the drop shadow effect. * * ```html * <igx-data-chart * [dataSource]="data"> * <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" * isDropShadowEnabled="true" * shadowBlur="7" * shadowColor="blue"> * </igx-column-series> * </igx-data-chart> * ``` * * ```ts * this.series.shadowBlur = 7; * ``` */ get shadowBlur(): number; set shadowBlur(v: number); static ngAcceptInputType_shadowBlur: number | string; /** * Gets or sets the drop shadow color. * * `ShadowColor` can be set in conjection with `IsDropShadowEnabled` to further define the drop shadow effect. * * ```html * <igx-data-chart * [dataSource]="data"> * <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" * isDropShadowEnabled="true" * shadowBlur="7" * shadowColor="blue"> * </igx-column-series> * </igx-data-chart> * ``` * * ```ts * this.series.shadowColor = "blue"; * ``` */ get shadowColor(): string; set shadowColor(v: string); /** * Gets or sets whether drop shadow is applied to the whole series visual or to each of the individual shapes forming the series. * When this property is set to true, no * Series.ShadowBlur is applied. * * ```html * <igx-data-chart * [dataSource]="data"> * <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" * isDropShadowEnabled=true * markerType="circle" * useSingleShadow=true> * </igx-line-series> * </igx-data-chart> * ``` * * ```ts * this.series.useSingleShadow = true; * ``` */ get useSingleShadow(): boolean; set useSingleShadow(v: boolean); static ngAcceptInputType_useSingleShadow: boolean | string; /** * Gets or sets the drop shadow x-offset. * * `ShadowOffsetX` can be set in conjection with `IsDropShadowEnabled` to further define the drop shadow effect. * * ```html * <igx-data-chart * [dataSource]="data"> * <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" * isDropShadowEnabled="true" * shadowOffsetX="10" * shadowOffsetY="10"> * </igx-column-series> * </igx-data-chart> * ``` * * ```ts * this.series.shadowOffsetX = 10; * ``` */ get shadowOffsetX(): number; set shadowOffsetX(v: number); static ngAcceptInputType_shadowOffsetX: number | string; /** * Gets or sets the drop shadow y-offset. * * `ShadowOffsetY` can be set in conjection with `IsDropShadowEnabled` to further define the drop shadow effect. * * ```html * <igx-data-chart * [dataSource]="data"> * <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" * isDropShadowEnabled="true" * shadowOffsetX="10" * shadowOffsetY="10"> * </igx-column-series> * </igx-data-chart> * ``` * * ```ts * this.series.shadowOffsetY = 10; * ``` */ get shadowOffsetY(): number; set shadowOffsetY(v: number); static ngAcceptInputType_shadowOffsetY: number | string; /** * Gets or sets the opacity applied to the area fill visual. * This property only applies to series that have area visual. * * ```html * <igx-data-chart #chart * [dataSource]="data"> * <igx-category-x-axis * label="label" * #xAxis> * </igx-category-x-axis> * <igx-numeric-y-axis * #yAxis> * </igx-numeric-y-axis> * <igx-area-series * [xAxis]="xAxis" * [yAxis]="yAxis" * valueMemberPath="value" * areaFillOpacity=.5> * </igx-area-series> * </igx-data-chart> * ``` */ get areaFillOpacity(): number; set areaFillOpacity(v: number); static ngAcceptInputType_areaFillOpacity: number | string; /** * Gets the actual opacity applied to the area fill visual. * * ```ts * let actualFillOpacity: number = series.actualAreaFillOpacity; * ``` */ get actualAreaFillOpacity(): number; set actualAreaFillOpacity(v: number); static ngAcceptInputType_actualAreaFillOpacity: number | string; /** * Gets or sets the opacity applied to the fill of the markers. * This property only applies to series that have area visual. */ get markerFillOpacity(): number; set markerFillOpacity(v: number); static ngAcceptInputType_markerFillOpacity: number | string; /** * Gets the actual opacity applied to the fill of the markers. */ get actualMarkerFillOpacity(): number; set actualMarkerFillOpacity(v: number); static ngAcceptInputType_actualMarkerFillOpacity: number | string; /** * Gets if the default tooltip has been selected for display. * * To use the default tooltip set `ShowDefaultTooltip` to true. * * ```ts * let isDefaultToolTipSelected: boolean = this.series.isDefaultToolTipSelected; * ``` */ get isDefaultToolTipSelected(): boolean; set isDefaultToolTipSelected(v: boolean); static ngAcceptInputType_isDefaultToolTipSelected: boolean | string; /** * Gets or sets whether default tooltip will be shown. * * The default tooltips display all the information relevant to the particular series item (series title, data values, axis values etc.) and are styled to match the series' style. When using default tooltips, you should also set the series `Title`. * * ```html * <igx-data-chart * [dataSource]="data"> * <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" * showDefaultTooltip="true" * title="InStock Items"> * </igx-column-series> * </igx-data-chart> * ``` * * ```ts * this.series.showDefaultTooltip ="true"; * ``` */ get showDefaultTooltip(): boolean; set showDefaultTooltip(v: boolean); static ngAcceptInputType_showDefaultTooltip: boolean | string; /** * Gets or sets the visible range mode to use. */ get visibleRangeMode(): SeriesVisibleRangeMode; set visibleRangeMode(v: SeriesVisibleRangeMode); static ngAcceptInputType_visibleRangeMode: SeriesVisibleRangeMode | string; /** * Gets or sets the outline mode to use for the series. */ get outlineMode(): SeriesOutlineMode; set outlineMode(v: SeriesOutlineMode); static ngAcceptInputType_outlineMode: SeriesOutlineMode | string; /** * Gets or sets the duration of the current series' transition in morph. * * The `TransitionInDuration` can be used with `IsTransitionInEnabled` to cofigure the animation when a new datasource is loaded. * * ```html * <igx-data-chart * [dataSource]="data"> * <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=500 * transitionInDuration=500> * </igx-column-series> * </igx-data-chart> * ``` * * ```ts * this.series.transitionDuration = 500; * ``` */ get transitionInDuration(): number; set transitionInDuration(v: number); static ngAcceptInputType_transitionInDuration: number | string; /** * Gets or sets the duration of the current series' transition out morph. */ get transitionOutDuration(): number; set transitionOutDuration(v: number); static ngAcceptInputType_transitionOutDuration: number | string; /** * Gets or sets the duration of the current series' transition in morph. * * The `TransitionInSpeedType` can be used with `IsTransitionInEnabled` to cofigure the animation when a new datasource is loaded. * * ```html * <igx-data-chart * [dataSource]="data"> * <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" * transitionInDuration=500> * </igx-column-series> * </igx-data-chart> * ``` * * ```ts * this.series.transitionInSpeedType = TransitionInSpeedType.IndexScaled; * ``` */ get transitionInSpeedType(): TransitionInSpeedType; set transitionInSpeedType(v: TransitionInSpeedType); static ngAcceptInputType_transitionInSpeedType: TransitionInSpeedType | string; /** * Gets or sets the duration of the current series' transition out morph. */ get transitionOutSpeedType(): TransitionOutSpeedType; set transitionOutSpeedType(v: TransitionOutSpeedType); static ngAcceptInputType_transitionOutSpeedType: TransitionOutSpeedType | string; /** * Gets or sets the style of the starting point of any lines or polylines representing this series. * Not every series type has a line at which it would be appropriate to display a start cap, so this property does not affect every series type. LineSeries, for example, is affected by StartCap, but ColumnSeries is not. */ get lineCap(): PenLineCap; set lineCap(v: PenLineCap); static ngAcceptInputType_lineCap: PenLineCap | string; /** * Gets or sets the AutoCalloutLabel format string to use for the AutoCalloutLabel. */ get autoCalloutLabelFormat(): string; set autoCalloutLabelFormat(v: string); /** * Gets or sets the format specifiers to use with the AutoCalloutLabelFormat string. */ get autoCalloutLabelFormatSpecifiers(): any[]; set autoCalloutLabelFormatSpecifiers(v: any[]); static ngAcceptInputType_autoCalloutLabelFormatSpecifiers: any[] | string; /** * Gets or sets the AutoCalloutLabel format string to use for the AutoCalloutLabel. */ get autoCalloutValueLabelFormat(): string; set autoCalloutValueLabelFormat(v: string); /** * Gets or sets the format specifiers to use with the AutoCalloutValueLabelFormat string. */ get autoCalloutValueLabelFormatSpecifiers(): any[]; set autoCalloutValueLabelFormatSpecifiers(v: any[]); static ngAcceptInputType_autoCalloutValueLabelFormatSpecifiers: any[] | string; /** * Gets or sets the whether the chart reacts to mouse move events. */ get mouseOverEnabled(): boolean; set mouseOverEnabled(v: boolean); static ngAcceptInputType_mouseOverEnabled: boolean | string; /** * Gets or sets the coercion methods to use when loading data from data sources. * Should be specified before setting any member paths, if being used. Setting it later * will not cause data to be reimported into the chart. * * ```html * <igx-data-chart * [dataSource]="data" * > * <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-line-series * [xAxis]="xAxis" * [yAxis]="yAxis" * [coercionMethods]= cMethods * valueMemberPath="value!ValueCoercion"> * </igx-line-series> * </igx-data-chart> * ``` * * <-- position: content member--> * * ```ts * cMethods: any = { * ValueCoercion: function(value:number): number {return value+2;} * } * ``` */ get coercionMetho