UNPKG

igniteui-angular-charts

Version:

Ignite UI Angular charting components for building rich data visualizations for modern web apps.

1,157 lines 122 kB
import { TemplateRef, EventEmitter, OnInit } from '@angular/core'; import { IgRect } from "igniteui-angular-core"; import { HorizontalAlignment } from "igniteui-angular-core"; import { UnknownValuePlotting } from "igniteui-angular-core"; import { TrendLineType } from "igniteui-angular-core"; import { IgxChartSeriesEventArgs } from './igx-chart-series-event-args'; import { DomainChart } from "./DomainChart"; import { IgxDomainChartSeriesPointerEventArgs } from './igx-domain-chart-series-pointer-event-args'; import { IgxMarkerTypeCollection } from './igx-marker-type-collection'; import { ToolTipType } from "./ToolTipType"; import { CrosshairsDisplayMode } from "./CrosshairsDisplayMode"; import { IgxCalloutStyleUpdatingEventArgs } from "./igx-callout-style-updating-event-args"; import { ComputedPlotAreaMarginMode } from './ComputedPlotAreaMarginMode'; import { SeriesHighlightingMode } from './SeriesHighlightingMode'; import { SeriesHighlightingBehavior } from './SeriesHighlightingBehavior'; import { LegendHighlightingMode } from './LegendHighlightingMode'; import { SeriesOutlineMode } from './SeriesOutlineMode'; import { MarkerOutlineMode } from './MarkerOutlineMode'; import { MarkerFillMode } from './MarkerFillMode'; import { MarkerAutomaticBehavior } from './MarkerAutomaticBehavior'; import { LegendItemBadgeMode } from "igniteui-angular-core"; import { LegendItemBadgeShape } from "igniteui-angular-core"; import { DomainType } from "./DomainType"; import { DataAbbreviationMode } from "igniteui-angular-core"; import { DataLegendValueMode } from "igniteui-angular-core"; import { DataLegendHeaderDateMode } from "igniteui-angular-core"; import { DataLegendHeaderTimeMode } from "igniteui-angular-core"; import { DataLegendUnitsMode } from "igniteui-angular-core"; import { DataLegendLabelMode } from "igniteui-angular-core"; import { DataLegendSummaryType } from "igniteui-angular-core"; import { SeriesPlotAreaMarginHorizontalMode } from './SeriesPlotAreaMarginHorizontalMode'; import { SeriesPlotAreaMarginVerticalMode } from './SeriesPlotAreaMarginVerticalMode'; import { IgxCalloutPlacementPositionsCollection } from './igx-callout-placement-positions-collection'; import { SeriesViewerScrollbarMode } from './SeriesViewerScrollbarMode'; import { SeriesViewerHorizontalScrollbarPosition } from './SeriesViewerHorizontalScrollbarPosition'; import { SeriesViewerVerticalScrollbarPosition } from './SeriesViewerVerticalScrollbarPosition'; import { IgxCalloutRenderStyleUpdatingEventArgs } from './igx-callout-render-style-updating-event-args'; import { DataToolTipLayerGroupingMode } from "igniteui-angular-core"; import { DataTooltipGroupedPositionX } from "igniteui-angular-core"; import { DataTooltipGroupedPositionY } from "igniteui-angular-core"; import { IgxChartSummaryDescriptionCollection } from './igx-chart-summary-description-collection'; import { IgxChartSortDescriptionCollection } from './igx-chart-sort-description-collection'; import { IgxFilterExpressionCollection } from "igniteui-angular-core"; import { ICommandAvailabilityListener } from "igniteui-angular-core"; import { ICommandStateChangedListener } from "igniteui-angular-core"; import { IgxValueModeCollection } from './igx-value-mode-collection'; import { ToolActionInfo } from "igniteui-angular-core"; import { IgxFilterStringErrorsParsingEventArgs } from './igx-filter-string-errors-parsing-event-args'; import { SeriesHighlightedValuesDisplayMode } from "igniteui-angular-core"; import { SeriesSelectionMode } from './SeriesSelectionMode'; import { SeriesSelectionBehavior } from './SeriesSelectionBehavior'; import { IgxSeriesViewerSelectedSeriesItemsChangedEventArgs } from "./igx-series-viewer-selected-series-items-changed-event-args"; import { IgxChartSelectedItemCollection } from "./igx-chart-selected-item-collection"; import { CalloutCollisionMode } from "igniteui-angular-core"; import { Visibility } from "igniteui-angular-core"; import { IgxDomainChartPlotAreaPointerEventArgs } from './igx-domain-chart-plot-area-pointer-event-args'; import { IgxTrendLineTypeCollection } from './igx-trend-line-type-collection'; import * as i0 from "@angular/core"; /** * Represents a base class for all domain charts that can plot scatter data and shapefiles * * ```html * <igx-category-chart * yAxisMinimumValue="0" * [dataSource]="data" * bottomMargin= 20> * </igx-category-chart> * ``` */ export declare abstract class IgxDomainChartComponent implements OnInit { protected createImplementation(): DomainChart; ngOnInit(): void; protected _implementation: any; get i(): DomainChart; protected onImplementationCreated(): void; constructor(); /** * Sets or gets the template reference to use for tooltips for all the series. * * */ get tooltipTemplate(): TemplateRef<any>; set tooltipTemplate(v: TemplateRef<any>); /** * Sets or gets the template references to use for tooltips for all the series, in order. * * */ get tooltipTemplates(): TemplateRef<any>[]; set tooltipTemplates(v: TemplateRef<any>[]); get legend(): any; set legend(v: any); private _calloutsDataSource; set calloutsDataSource(value: Array<any>); get calloutsDataSource(): Array<any>; bindCalloutsData(): void; /** * 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; set pixelScalingRatio(v: number); static ngAcceptInputType_pixelScalingRatio: number | string; /** * Gets or sets the left margin of chart title * * Use `titleLeftMargin` property for the left margin of chart title. * * ```html * <igx-category-chart * yAxisMinimumValue="0" * [dataSource]="data" * titleLeftMargin= 10> * </igx-category-chart> * ``` * * ```ts * this.chart.titleLeftMargin = 10; * ``` */ get titleLeftMargin(): number; set titleLeftMargin(v: number); static ngAcceptInputType_titleLeftMargin: number | string; /** * Gets or sets the right margin of chart title * * Use `titleLeftMargin` property for the right margin of chart title. * * ```html * <igx-category-chart * yAxisMinimumValue="0" * [dataSource]="data" * titleRightMargin= 10> * </igx-category-chart> * ``` * * ```ts * this.chart.titleRightMargin = 10; * ``` */ get titleRightMargin(): number; set titleRightMargin(v: number); static ngAcceptInputType_titleRightMargin: number | string; /** * Gets or sets the top margin of chart title * * Use `titleTopMargin` property for the top margin of chart title. * * ```html * <igx-category-chart * yAxisMinimumValue="0" * [dataSource]="data" * title="Countries" * titleTopMargin=10 > * </igx-category-chart> * ``` * * ```ts * this.chart.titleTopMargin = 10; * ``` */ get titleTopMargin(): number; set titleTopMargin(v: number); static ngAcceptInputType_titleTopMargin: number | string; /** * Gets or sets the bottom margin of chart title * * Use `titleBottomMargin` property for the bottom margin of chart title. * * ```html * <igx-category-chart * yAxisMinimumValue="0" * [dataSource]="data" * titleBottomMargin= 10 > * </igx-category-chart> * ``` * * ```ts * this.chart.titleBottomMargin = 5; * ``` */ get titleBottomMargin(): number; set titleBottomMargin(v: number); static ngAcceptInputType_titleBottomMargin: number | string; /** * Gets or sets the left margin of chart subtitle * * Use `subtitleLeftMargin` property for the left margin of chart subtitle. * * ```html * <igx-category-chart * yAxisMinimumValue="0" * [dataSource]="data" * subtitleLeftMargin= 20> * </igx-category-chart> * ``` * * ```ts * this.chart.subtitleLeftMargin = 20 ; * ``` */ get subtitleLeftMargin(): number; set subtitleLeftMargin(v: number); static ngAcceptInputType_subtitleLeftMargin: number | string; /** * Gets or sets the top margin of chart subtitle * * Use `subtitleTopMargin` property for the top margin of chart subtitle. * * ```html * <igx-category-chart * yAxisMinimumValue="0" * [dataSource]="data" * subtitle= "This is a subtitle" * subtitleTopMargin=10> * </igx-category-chart> * ``` * * ```ts * this.chart.subtitleTopMargin = 10; * ``` */ get subtitleTopMargin(): number; set subtitleTopMargin(v: number); static ngAcceptInputType_subtitleTopMargin: number | string; /** * Gets or sets the right margin of chart subtitle * * Use `subtitleRightMargin` property for the right margin of chart subtitle. * * ```html * <igx-category-chart * yAxisMinimumValue="0" * [dataSource]="data" * subtitleRightMargin= 10> * </igx-category-chart> * ``` * * ```ts * this.chart.subtitleRightMargin = 20 ; * ``` */ get subtitleRightMargin(): number; set subtitleRightMargin(v: number); static ngAcceptInputType_subtitleRightMargin: number | string; /** * Gets or sets the bottom margin of chart subtitle * * Use `subtitleBottomMargin` property for the bottom margin of chart subtitle. * * ```html * <igx-category-chart * yAxisMinimumValue="0" * [dataSource]="data" * subtitleBottomMargin=10> * </igx-category-chart> * ``` * * ```ts * this.chart.subtitleBottomMargin = 10 ; * ``` */ get subtitleBottomMargin(): number; set subtitleBottomMargin(v: number); static ngAcceptInputType_subtitleBottomMargin: number | string; /** * Gets or sets color of chart subtitle * * Use `subtitleTextColor` property to color the subtitle. * * ```html * <igx-category-chart * yAxisMinimumValue="0" * [dataSource]="data" * subtitle= "This is a subtitle" * subtitleTextColor= 'blue'> * </igx-category-chart> * ``` * * ```ts * this.chart.subtitleTextColor = "#ff0000" ; * ``` */ get subtitleTextColor(): string; set subtitleTextColor(v: string); /** * Gets or sets color of chart title * * Use `titleTextColor` property to color the chart title * * ```html * <igx-category-chart * yAxisMinimumValue="0" * [dataSource]="data" * titleTextColor= "red"> * </igx-category-chart> * ``` * * ```ts * this.chart.titleTextColor="red" ; * ``` */ get titleTextColor(): string; set titleTextColor(v: string); /** * Gets or sets the left margin of the chart content. * * Use the 'leftMargin' property for the left margin of the chart content. * * ```html * <igx-category-chart * yAxisMinimumValue="0" * [dataSource]="data" * leftMargin=20> * </igx-category-chart> * ``` * * ```ts * this.chart.leftMargin = 20; * ``` */ get leftMargin(): number; set leftMargin(v: number); static ngAcceptInputType_leftMargin: number | string; /** * Gets or sets the top margin of the chart content. * * Use `topMargin` property for the margin of the chart content. * * ```html * <igx-category-chart * yAxisMinimumValue="0" * [dataSource]="data" * topMargin= 20> * </igx-category-chart> * ``` * * ```ts * this.chart.topMargin=20; * ``` */ get topMargin(): number; set topMargin(v: number); static ngAcceptInputType_topMargin: number | string; /** * Gets or sets the right margin of the chart content. * * Use `rightMargin` property for the right margin of the chart content. * * ```html * <igx-category-chart * yAxisMinimumValue="0" * [dataSource]="data" * rightMargin=20> * </igx-category-chart> * ``` * * ```ts * this.chart.rightMargin = 20 ; * ``` */ get rightMargin(): number; set rightMargin(v: number); static ngAcceptInputType_rightMargin: number | string; /** * Gets or sets the bottom margin around the chart content. * * Use the `bottomMargin` property for the bottom margin around the chart content. * * ```html * <igx-category-chart * yAxisMinimumValue="0" * [dataSource]="data" * bottomMargin= 20> * </igx-category-chart> * ``` * * ```ts * this.chart.bottomMargin=20; * ``` */ get bottomMargin(): number; set bottomMargin(v: number); static ngAcceptInputType_bottomMargin: number | string; /** * Gets or sets the duration used for animating series plots when the data is changing * * Use the `TransitionDuration` property to animating between data values. * * ```html * <igx-category-chart * yAxisMinimumValue="0" * [dataSource]="data" * transitionDuration="500"> * </igx-category-chart> * ``` * * ```ts * this.chart.transitionDuratio= 500; * ``` */ get transitionDuration(): number; set transitionDuration(v: number); static ngAcceptInputType_transitionDuration: number | string; /** * Gets or sets the easing function used for animating series plots when the data is changing. * This can be set to one of the known values "linear" or "cubic," or it can be set to an easing function which takes a single numeric parameter and returns a number. * * The 'transitionInEasingFunction' property used for easing function for animating series plots when the chart is loading into view. * * ```html * <igx-category-chart * yAxisMinimumValue="0" * [dataSource]="data" * transitionInEasingFunction= "cubic"> * </igx-category-chart> * ``` * * ```ts * this.chart.transitionInEasingFunction= this.cubicFunc; * * cubicFunc(time: number) : number * { * return time; * } * ``` */ get transitionEasingFunction(): (time: number) => number; set transitionEasingFunction(v: (time: number) => number); /** * Gets or sets the duration used for animating highlighting changes */ get highlightingTransitionDuration(): number; set highlightingTransitionDuration(v: number); static ngAcceptInputType_highlightingTransitionDuration: number | string; /** * Gets or sets the duration used for animating Selection changes */ get selectionTransitionDuration(): number; set selectionTransitionDuration(v: number); static ngAcceptInputType_selectionTransitionDuration: number | string; /** * Gets or sets the duration used for animating Focus changes */ get focusTransitionDuration(): number; set focusTransitionDuration(v: number); static ngAcceptInputType_focusTransitionDuration: number | string; /** * Gets or sets CSS font property for the chart subtitle * * Use `subtitleTextStyle` property for the CSS font of the chart subtitle. * * ```html * <igx-category-chart * yAxisMinimumValue="0" * [dataSource]="data" * subtitle= "This is a subtitle" * subtitleTextStyle ="16pt Verdona"> * </igx-category-chart> * ``` * * ```ts * this.chart.subtitleTextStyle= "16pt Verdona"; * ``` */ get subtitleTextStyle(): string; set subtitleTextStyle(v: string); /** * Gets or sets CSS font property for the chart title * * Use `titleTextStyle` property for the CSS font property of the chart title * * ```html * <igx-category-chart * yAxisMinimumValue="0" * [dataSource]="data" * titleTextStyle= "24pt Verdona"> * </igx-category-chart> * ``` * * ```ts * this.chart.xAxisTitleTextStyle = "24pt Verdona"; * ``` */ get titleTextStyle(): string; set titleTextStyle(v: string); get isDetached(): boolean; static ngAcceptInputType_isDetached: boolean | string; get dataToolTipGroupingMode(): DataToolTipLayerGroupingMode; set dataToolTipGroupingMode(v: DataToolTipLayerGroupingMode); static ngAcceptInputType_dataToolTipGroupingMode: DataToolTipLayerGroupingMode | string; /** * Gets or sets the offset of the tooltip layer on the X axis. */ get dataToolTipPositionOffsetX(): number; set dataToolTipPositionOffsetX(v: number); static ngAcceptInputType_dataToolTipPositionOffsetX: number | string; /** * Gets or sets the offset of the tooltip layer on the Y axis. */ get dataToolTipPositionOffsetY(): number; set dataToolTipPositionOffsetY(v: number); static ngAcceptInputType_dataToolTipPositionOffsetY: number | string; /** * Gets or sets the offset of the tooltip layer on the X axis. */ get dataToolTipDefaultPositionOffsetX(): number; set dataToolTipDefaultPositionOffsetX(v: number); static ngAcceptInputType_dataToolTipDefaultPositionOffsetX: number | string; /** * Gets or sets the offset of the tooltip layer on the Y axis. */ get dataToolTipDefaultPositionOffsetY(): number; set dataToolTipDefaultPositionOffsetY(v: number); static ngAcceptInputType_dataToolTipDefaultPositionOffsetY: number | string; /** * Gets or sets the tooltip position mode on the X axis for grouped series. */ get dataToolTipGroupedPositionModeX(): DataTooltipGroupedPositionX; set dataToolTipGroupedPositionModeX(v: DataTooltipGroupedPositionX); static ngAcceptInputType_dataToolTipGroupedPositionModeX: DataTooltipGroupedPositionX | string; /** * Gets or sets the tooltip position mode on the Y axis for grouped series. */ get dataToolTipGroupedPositionModeY(): DataTooltipGroupedPositionY; set dataToolTipGroupedPositionModeY(v: DataTooltipGroupedPositionY); static ngAcceptInputType_dataToolTipGroupedPositionModeY: DataTooltipGroupedPositionY | string; /** * Gets or sets whether the data legend should update when the series data is mutated. */ get dataToolTipShouldUpdateWhenSeriesDataChanges(): boolean; set dataToolTipShouldUpdateWhenSeriesDataChanges(v: boolean); static ngAcceptInputType_dataToolTipShouldUpdateWhenSeriesDataChanges: boolean | string; /** * Gets or sets indexes, titles, or names of series to include in displaying in the data tooltip, e.g. "0, 1" or "Series1 Title, Series2 Title" * The DataToolTipExcludedSeries property takes precedence over values of DataToolTipIncludedSeries property */ get dataToolTipIncludedSeries(): string[]; set dataToolTipIncludedSeries(v: string[]); static ngAcceptInputType_dataToolTipIncludedSeries: string[] | string; /** * Gets or sets indexes, titles, or names of series to exclude from displaying in the data tooltip, e.g. "0, 1" or "Series1 Title, Series2 Title" * The DataToolTipExcludedSeries property takes precedence over values of DataToolTipIncludedSeries property */ get dataToolTipExcludedSeries(): string[]; set dataToolTipExcludedSeries(v: string[]); static ngAcceptInputType_dataToolTipExcludedSeries: string[] | string; /** * Gets or sets names of data columns or their labels to include in displaying in the data legend, e.g. "High, Low" or "H, L" * The DataToolTipExcludedColumns property takes precedence over values of DataToolTipIncludedColumns property */ get dataToolTipIncludedColumns(): string[]; set dataToolTipIncludedColumns(v: string[]); static ngAcceptInputType_dataToolTipIncludedColumns: string[] | string; /** * Gets or sets names of data columns or their labels to exclude from displaying in the data legend, e.g. "High, Low" or "H, L" * The DataToolTipExcludedColumns property takes precedence over values of DataToolTipIncludedColumns property */ get dataToolTipExcludedColumns(): string[]; set dataToolTipExcludedColumns(v: string[]); static ngAcceptInputType_dataToolTipExcludedColumns: string[] | string; /** * Gets or sets mode for abbreviating large numbers displayed in the legend * This property is ignored when setting ValueFormatSpecifiers or ValueFormatString properties */ get dataToolTipValueFormatAbbreviation(): DataAbbreviationMode; set dataToolTipValueFormatAbbreviation(v: DataAbbreviationMode); static ngAcceptInputType_dataToolTipValueFormatAbbreviation: DataAbbreviationMode | string; /** * Gets or sets maximum digits for formatting numbers displayed in the legend * This property is ignored when setting ValueFormatSpecifiers or ValueFormatString properties */ get dataToolTipValueFormatMaxFractions(): number; set dataToolTipValueFormatMaxFractions(v: number); static ngAcceptInputType_dataToolTipValueFormatMaxFractions: number | string; /** * Gets or sets minimum digits for formatting numbers displayed in the legend * This property is ignored when setting ValueFormatSpecifiers or ValueFormatString properties */ get dataToolTipValueFormatMinFractions(): number; set dataToolTipValueFormatMinFractions(v: number); static ngAcceptInputType_dataToolTipValueFormatMinFractions: number | string; /** * Gets or sets the mode for displaying values in the data legend, e.g. Currency ($500.25), Decimal (500.25), Integer (500) */ get dataToolTipValueFormatMode(): DataLegendValueMode; set dataToolTipValueFormatMode(v: DataLegendValueMode); static ngAcceptInputType_dataToolTipValueFormatMode: DataLegendValueMode | string; /** * Gets or sets globalization culture when displaying values as currencies, e.g. use "en-GB" to display British pound symbol when the ValueFormatMode property is set to 'Currency' mode * This property is ignored when setting ValueFormatSpecifiers or ValueFormatString properties */ get dataToolTipValueFormatCulture(): string; set dataToolTipValueFormatCulture(v: string); /** * Gets or sets whether or not use grouping separator, e.g, 15,000 for 15000 * This property is ignored when setting ValueFormatSpecifiers or ValueFormatString properties */ get dataToolTipValueFormatUseGrouping(): boolean; set dataToolTipValueFormatUseGrouping(v: boolean); static ngAcceptInputType_dataToolTipValueFormatUseGrouping: boolean | string; /** * Gets or sets the format string for values displayed in the data legend. */ get dataToolTipValueFormatString(): string; set dataToolTipValueFormatString(v: string); /** * Gets or sets the format specifiers to use with the ValueFormatString string. */ get dataToolTipValueFormatSpecifiers(): any[]; set dataToolTipValueFormatSpecifiers(v: any[]); static ngAcceptInputType_dataToolTipValueFormatSpecifiers: any[] | string; get dataToolTipValueRowMarginBottom(): number; set dataToolTipValueRowMarginBottom(v: number); static ngAcceptInputType_dataToolTipValueRowMarginBottom: number | string; get dataToolTipValueRowMarginLeft(): number; set dataToolTipValueRowMarginLeft(v: number); static ngAcceptInputType_dataToolTipValueRowMarginLeft: number | string; get dataToolTipValueRowMarginRight(): number; set dataToolTipValueRowMarginRight(v: number); static ngAcceptInputType_dataToolTipValueRowMarginRight: number | string; get dataToolTipValueRowMarginTop(): number; set dataToolTipValueRowMarginTop(v: number); static ngAcceptInputType_dataToolTipValueRowMarginTop: number | string; ensureDataToolTipValueRowMargin(): void; /** * Gets or sets whether to show series rows. */ get dataToolTipValueRowVisible(): boolean; set dataToolTipValueRowVisible(v: boolean); static ngAcceptInputType_dataToolTipValueRowVisible: boolean | string; /** * Gets or sets text displayed when data column is missing a value, e.g. "no data" */ get dataToolTipValueTextWhenMissingData(): string; set dataToolTipValueTextWhenMissingData(v: string); /** * Gets or sets whether to use series colors when displaying values in the legend */ get dataToolTipValueTextUseSeriesColors(): boolean; set dataToolTipValueTextUseSeriesColors(v: boolean); static ngAcceptInputType_dataToolTipValueTextUseSeriesColors: boolean | string; get dataToolTipValueTextMarginBottom(): number; set dataToolTipValueTextMarginBottom(v: number); static ngAcceptInputType_dataToolTipValueTextMarginBottom: number | string; get dataToolTipValueTextMarginLeft(): number; set dataToolTipValueTextMarginLeft(v: number); static ngAcceptInputType_dataToolTipValueTextMarginLeft: number | string; get dataToolTipValueTextMarginRight(): number; set dataToolTipValueTextMarginRight(v: number); static ngAcceptInputType_dataToolTipValueTextMarginRight: number | string; get dataToolTipValueTextMarginTop(): number; set dataToolTipValueTextMarginTop(v: number); static ngAcceptInputType_dataToolTipValueTextMarginTop: number | string; ensureDataToolTipValueTextMargin(): void; /** * Gets or sets the units text color. */ get dataToolTipValueTextColor(): string; set dataToolTipValueTextColor(v: string); /** * Gets or Sets the style to use for the units text. */ get dataToolTipValueTextStyle(): string; set dataToolTipValueTextStyle(v: string); /** * Gets or sets the format string for header text displayed in the data legend. */ get dataToolTipHeaderFormatString(): string; set dataToolTipHeaderFormatString(v: string); /** * Gets or sets the format specifiers to use with the HeaderFormatString string. */ get dataToolTipHeaderFormatSpecifiers(): any[]; set dataToolTipHeaderFormatSpecifiers(v: any[]); static ngAcceptInputType_dataToolTipHeaderFormatSpecifiers: any[] | string; /** * Gets or sets globalization culture when displaying header as date time * This property is ignored when setting HeaderFormatSpecifiers or HeaderFormatString properties */ get dataToolTipHeaderFormatCulture(): string; set dataToolTipHeaderFormatCulture(v: string); /** * Gets or sets date format for the header * This property is ignored when setting HeaderFormatSpecifiers or HeaderFormatString properties */ get dataToolTipHeaderFormatDate(): DataLegendHeaderDateMode; set dataToolTipHeaderFormatDate(v: DataLegendHeaderDateMode); static ngAcceptInputType_dataToolTipHeaderFormatDate: DataLegendHeaderDateMode | string; /** * Gets or sets time format for the header * This property is ignored when setting HeaderFormatSpecifiers or HeaderFormatString properties */ get dataToolTipHeaderFormatTime(): DataLegendHeaderTimeMode; set dataToolTipHeaderFormatTime(v: DataLegendHeaderTimeMode); static ngAcceptInputType_dataToolTipHeaderFormatTime: DataLegendHeaderTimeMode | string; /** * Gets or sets the HeaderText for the data legend. */ get dataToolTipHeaderText(): string; set dataToolTipHeaderText(v: string); /** * Gets or sets the header text color. */ get dataToolTipHeaderTextColor(): string; set dataToolTipHeaderTextColor(v: string); get dataToolTipHeaderTextMarginBottom(): number; set dataToolTipHeaderTextMarginBottom(v: number); static ngAcceptInputType_dataToolTipHeaderTextMarginBottom: number | string; get dataToolTipHeaderTextMarginLeft(): number; set dataToolTipHeaderTextMarginLeft(v: number); static ngAcceptInputType_dataToolTipHeaderTextMarginLeft: number | string; get dataToolTipHeaderTextMarginRight(): number; set dataToolTipHeaderTextMarginRight(v: number); static ngAcceptInputType_dataToolTipHeaderTextMarginRight: number | string; get dataToolTipHeaderTextMarginTop(): number; set dataToolTipHeaderTextMarginTop(v: number); static ngAcceptInputType_dataToolTipHeaderTextMarginTop: number | string; ensureDataToolTipHeaderTextMargin(): void; get dataToolTipHeaderRowMarginBottom(): number; set dataToolTipHeaderRowMarginBottom(v: number); static ngAcceptInputType_dataToolTipHeaderRowMarginBottom: number | string; get dataToolTipHeaderRowMarginLeft(): number; set dataToolTipHeaderRowMarginLeft(v: number); static ngAcceptInputType_dataToolTipHeaderRowMarginLeft: number | string; get dataToolTipHeaderRowMarginRight(): number; set dataToolTipHeaderRowMarginRight(v: number); static ngAcceptInputType_dataToolTipHeaderRowMarginRight: number | string; get dataToolTipHeaderRowMarginTop(): number; set dataToolTipHeaderRowMarginTop(v: number); static ngAcceptInputType_dataToolTipHeaderRowMarginTop: number | string; ensureDataToolTipHeaderRowMargin(): void; /** * Gets or sets whether to show Header row. */ get dataToolTipHeaderRowVisible(): boolean; set dataToolTipHeaderRowVisible(v: boolean); static ngAcceptInputType_dataToolTipHeaderRowVisible: boolean | string; /** * Gets or Sets the style to use for the header text. */ get dataToolTipHeaderTextStyle(): string; set dataToolTipHeaderTextStyle(v: string); /** * Gets or sets the Group text color. */ get dataToolTipGroupTextColor(): string; set dataToolTipGroupTextColor(v: string); get dataToolTipGroupTextMarginBottom(): number; set dataToolTipGroupTextMarginBottom(v: number); static ngAcceptInputType_dataToolTipGroupTextMarginBottom: number | string; get dataToolTipGroupTextMarginLeft(): number; set dataToolTipGroupTextMarginLeft(v: number); static ngAcceptInputType_dataToolTipGroupTextMarginLeft: number | string; get dataToolTipGroupTextMarginRight(): number; set dataToolTipGroupTextMarginRight(v: number); static ngAcceptInputType_dataToolTipGroupTextMarginRight: number | string; get dataToolTipGroupTextMarginTop(): number; set dataToolTipGroupTextMarginTop(v: number); static ngAcceptInputType_dataToolTipGroupTextMarginTop: number | string; ensureDataToolTipGroupTextMargin(): void; get dataToolTipGroupRowMarginBottom(): number; set dataToolTipGroupRowMarginBottom(v: number); static ngAcceptInputType_dataToolTipGroupRowMarginBottom: number | string; get dataToolTipGroupRowMarginLeft(): number; set dataToolTipGroupRowMarginLeft(v: number); static ngAcceptInputType_dataToolTipGroupRowMarginLeft: number | string; get dataToolTipGroupRowMarginRight(): number; set dataToolTipGroupRowMarginRight(v: number); static ngAcceptInputType_dataToolTipGroupRowMarginRight: number | string; get dataToolTipGroupRowMarginTop(): number; set dataToolTipGroupRowMarginTop(v: number); static ngAcceptInputType_dataToolTipGroupRowMarginTop: number | string; ensureDataToolTipGroupRowMargin(): void; /** * Gets or sets whether to show Group row. */ get dataToolTipGroupRowVisible(): boolean; set dataToolTipGroupRowVisible(v: boolean); static ngAcceptInputType_dataToolTipGroupRowVisible: boolean | string; /** * Gets or Sets the style to use for the Group text. */ get dataToolTipGroupTextStyle(): string; set dataToolTipGroupTextStyle(v: string); /** * Gets or sets the summary text color. */ get dataToolTipSummaryTitleTextColor(): string; set dataToolTipSummaryTitleTextColor(v: string); /** * Gets or Sets the style to use for the summary text. */ get dataToolTipSummaryTitleTextStyle(): string; set dataToolTipSummaryTitleTextStyle(v: string); /** * Gets or sets the SummaryType for the data legend. */ get dataToolTipSummaryType(): DataLegendSummaryType; set dataToolTipSummaryType(v: DataLegendSummaryType); static ngAcceptInputType_dataToolTipSummaryType: DataLegendSummaryType | string; /** * Gets or sets the SummaryTitleText for the data legend. */ get dataToolTipSummaryTitleText(): string; set dataToolTipSummaryTitleText(v: string); get dataToolTipSummaryTitleTextMarginBottom(): number; set dataToolTipSummaryTitleTextMarginBottom(v: number); static ngAcceptInputType_dataToolTipSummaryTitleTextMarginBottom: number | string; get dataToolTipSummaryTitleTextMarginLeft(): number; set dataToolTipSummaryTitleTextMarginLeft(v: number); static ngAcceptInputType_dataToolTipSummaryTitleTextMarginLeft: number | string; get dataToolTipSummaryTitleTextMarginRight(): number; set dataToolTipSummaryTitleTextMarginRight(v: number); static ngAcceptInputType_dataToolTipSummaryTitleTextMarginRight: number | string; get dataToolTipSummaryTitleTextMarginTop(): number; set dataToolTipSummaryTitleTextMarginTop(v: number); static ngAcceptInputType_dataToolTipSummaryTitleTextMarginTop: number | string; ensureDataToolTipSummaryTitleTextMargin(): void; get dataToolTipSummaryRowMarginBottom(): number; set dataToolTipSummaryRowMarginBottom(v: number); static ngAcceptInputType_dataToolTipSummaryRowMarginBottom: number | string; get dataToolTipSummaryRowMarginLeft(): number; set dataToolTipSummaryRowMarginLeft(v: number); static ngAcceptInputType_dataToolTipSummaryRowMarginLeft: number | string; get dataToolTipSummaryRowMarginRight(): number; set dataToolTipSummaryRowMarginRight(v: number); static ngAcceptInputType_dataToolTipSummaryRowMarginRight: number | string; get dataToolTipSummaryRowMarginTop(): number; set dataToolTipSummaryRowMarginTop(v: number); static ngAcceptInputType_dataToolTipSummaryRowMarginTop: number | string; ensureDataToolTipSummaryRowMargin(): void; /** * Gets or sets the units text color. */ get dataToolTipSummaryValueTextColor(): string; set dataToolTipSummaryValueTextColor(v: string); /** * Gets or Sets the style to use for the units text. */ get dataToolTipSummaryValueTextStyle(): string; set dataToolTipSummaryValueTextStyle(v: string); /** * Gets or sets the units text for the data legend. */ get dataToolTipSummaryLabelText(): string; set dataToolTipSummaryLabelText(v: string); /** * Gets or sets the units text color. */ get dataToolTipSummaryLabelTextColor(): string; set dataToolTipSummaryLabelTextColor(v: string); /** * Gets or Sets the style to use for the units text. */ get dataToolTipSummaryLabelTextStyle(): string; set dataToolTipSummaryLabelTextStyle(v: string); /** * Gets or sets the units text for the data legend. */ get dataToolTipSummaryUnitsText(): string; set dataToolTipSummaryUnitsText(v: string); /** * Gets or sets the units text color. */ get dataToolTipSummaryUnitsTextColor(): string; set dataToolTipSummaryUnitsTextColor(v: string); /** * Gets or Sets the style to use for the units text. */ get dataToolTipSummaryUnitsTextStyle(): string; set dataToolTipSummaryUnitsTextStyle(v: string); get dataToolTipBadgeMarginBottom(): number; set dataToolTipBadgeMarginBottom(v: number); static ngAcceptInputType_dataToolTipBadgeMarginBottom: number | string; get dataToolTipBadgeMarginLeft(): number; set dataToolTipBadgeMarginLeft(v: number); static ngAcceptInputType_dataToolTipBadgeMarginLeft: number | string; get dataToolTipBadgeMarginRight(): number; set dataToolTipBadgeMarginRight(v: number); static ngAcceptInputType_dataToolTipBadgeMarginRight: number | string; get dataToolTipBadgeMarginTop(): number; set dataToolTipBadgeMarginTop(v: number); static ngAcceptInputType_dataToolTipBadgeMarginTop: number | string; ensureDataToolTipBadgeMargin(): void; /** * Gets or sets the BadgeShape for the data legend. */ get dataToolTipBadgeShape(): LegendItemBadgeShape; set dataToolTipBadgeShape(v: LegendItemBadgeShape); static ngAcceptInputType_dataToolTipBadgeShape: LegendItemBadgeShape | string; /** * Gets or sets the UnitsMode for the data legend. */ get dataToolTipUnitsDisplayMode(): DataLegendUnitsMode; set dataToolTipUnitsDisplayMode(v: DataLegendUnitsMode); static ngAcceptInputType_dataToolTipUnitsDisplayMode: DataLegendUnitsMode | string; /** * Gets or sets the units text for the data legend. */ get dataToolTipUnitsText(): string; set dataToolTipUnitsText(v: string); /** * Gets or sets the units text color. */ get dataToolTipUnitsTextColor(): string; set dataToolTipUnitsTextColor(v: string); get dataToolTipUnitsTextMarginBottom(): number; set dataToolTipUnitsTextMarginBottom(v: number); static ngAcceptInputType_dataToolTipUnitsTextMarginBottom: number | string; get dataToolTipUnitsTextMarginLeft(): number; set dataToolTipUnitsTextMarginLeft(v: number); static ngAcceptInputType_dataToolTipUnitsTextMarginLeft: number | string; get dataToolTipUnitsTextMarginRight(): number; set dataToolTipUnitsTextMarginRight(v: number); static ngAcceptInputType_dataToolTipUnitsTextMarginRight: number | string; get dataToolTipUnitsTextMarginTop(): number; set dataToolTipUnitsTextMarginTop(v: number); static ngAcceptInputType_dataToolTipUnitsTextMarginTop: number | string; ensureDataToolTipUnitsTextMargin(): void; /** * Gets or Sets the style to use for the units text. */ get dataToolTipUnitsTextStyle(): string; set dataToolTipUnitsTextStyle(v: string); get dataToolTipTitleTextMarginBottom(): number; set dataToolTipTitleTextMarginBottom(v: number); static ngAcceptInputType_dataToolTipTitleTextMarginBottom: number | string; get dataToolTipTitleTextMarginLeft(): number; set dataToolTipTitleTextMarginLeft(v: number); static ngAcceptInputType_dataToolTipTitleTextMarginLeft: number | string; get dataToolTipTitleTextMarginRight(): number; set dataToolTipTitleTextMarginRight(v: number); static ngAcceptInputType_dataToolTipTitleTextMarginRight: number | string; get dataToolTipTitleTextMarginTop(): number; set dataToolTipTitleTextMarginTop(v: number); static ngAcceptInputType_dataToolTipTitleTextMarginTop: number | string; ensureDataToolTipTitleTextMargin(): void; /** * Gets or sets the display text color. */ get dataToolTipTitleTextColor(): string; set dataToolTipTitleTextColor(v: string); /** * Gets or Sets the style to use for the display text. */ get dataToolTipTitleTextStyle(): string; set dataToolTipTitleTextStyle(v: string); /** * Gets or sets the mode for displaying labels before series values in the data legend, e.g. O: H: L: C: for financial series */ get dataToolTipLabelDisplayMode(): DataLegendLabelMode; set dataToolTipLabelDisplayMode(v: DataLegendLabelMode); static ngAcceptInputType_dataToolTipLabelDisplayMode: DataLegendLabelMode | string; /** * Gets or sets the units text color. */ get dataToolTipLabelTextColor(): string; set dataToolTipLabelTextColor(v: string); get dataToolTipLabelTextMarginBottom(): number; set dataToolTipLabelTextMarginBottom(v: number); static ngAcceptInputType_dataToolTipLabelTextMarginBottom: number | string; get dataToolTipLabelTextMarginLeft(): number; set dataToolTipLabelTextMarginLeft(v: number); static ngAcceptInputType_dataToolTipLabelTextMarginLeft: number | string; get dataToolTipLabelTextMarginRight(): number; set dataToolTipLabelTextMarginRight(v: number); static ngAcceptInputType_dataToolTipLabelTextMarginRight: number | string; get dataToolTipLabelTextMarginTop(): number; set dataToolTipLabelTextMarginTop(v: number); static ngAcceptInputType_dataToolTipLabelTextMarginTop: number | string; ensureDataToolTipLabelTextMargin(): void; /** * Gets or Sets the style to use for the units text. */ get dataToolTipLabelTextStyle(): string; set dataToolTipLabelTextStyle(v: string); /** * Gets the domain type of this chart */ get domainType(): DomainType; static ngAcceptInputType_domainType: DomainType | string; /** * Gets the current sort that is applied to the grid. Collection can be updated to modify the sort for the grid. Once sort descriptions are in this collection, the grid will no longer listen for changes on their properties. */ get sortDescriptions(): IgxChartSortDescriptionCollection; get groupSortDescriptions(): IgxChartSortDescriptionCollection; /** * Gets the current grouping that is applied to the grid. Collection can be updated to modify the grouping for the grid. Once grouping descriptions are in this collection, the grid will no longer listen for changes on their properties. */ get groupDescriptions(): IgxChartSortDescriptionCollection; /** * Gets the current filter that is applied to the chart. Collection can be updated to modify the filter for the chart. Once filter expressions are in this collection, the chart will no longer listen for changes on their properties. */ get filterExpressions(): IgxFilterExpressionCollection; /** * Gets the current highlight filter that is applied to the chart. Collection can be updated to modify the highlight filter for the chart. Once filter expressions are in this collection, the chart will no longer listen for changes on their properties. */ get highlightFilterExpressions(): IgxFilterExpressionCollection; /** * Gets the current summaries that are applied to the grid. */ get summaryDescriptions(): IgxChartSummaryDescriptionCollection; /** * Gets or sets the selection mode to use for the series in the component, when supported. */ get selectionMode(): SeriesSelectionMode; set selectionMode(v: SeriesSelectionMode); static ngAcceptInputType_selectionMode: SeriesSelectionMode | string; /** * Gets or sets the focus mode to use for the series in the component, when supported. */ get focusMode(): SeriesSelectionMode; set focusMode(v: SeriesSelectionMode); static ngAcceptInputType_focusMode: SeriesSelectionMode | 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 or sets the selection behavior to use for the series in the component, when supported. */ get selectionBehavior(): SeriesSelectionBehavior; set selectionBehavior(v: SeriesSelectionBehavior); static ngAcceptInputType_selectionBehavior: SeriesSelectionBehavior | string; private _selectedSeriesItems; /** * 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; set selectedSeriesItems(v: IgxChartSelectedItemCollection); static ngAcceptInputType_selectedSeriesItems: IgxChartSelectedItemCollection | string; private _focusedSeriesItems; /** * 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; set focusedSeriesItems(v: IgxChartSelectedItemCollection); static ngAcceptInputType_focusedSeriesItems: IgxChartSelectedItemCollection | string; /** * Gets the initial sorts that are applied to the chart. */ get initialSortDescriptions(): IgxChartSortDescriptionCollection; /** * Gets the initial sorts that are applied to the chart after groupings and summaries are applied. */ get initialGroupSortDescriptions(): IgxChartSortDescriptionCollection; /** * Gets the initial groupings that are applied to the chart. */ get initialGroupDescriptions(): IgxChartSortDescriptionCollection; /** * Gets the initial filters that are applied to the chart. */ get initialFilterExpressions(): IgxFilterExpressionCollection; /** * Gets the initial highlight filters that are applied to the chart. */ get initialHighlightFilterExpressions(): IgxFilterExpressionCollection; /** * Gets the initial summaries that are applied to the chart. */ get initialSummaryDescriptions(): IgxChartSummaryDescriptionCollection; /** * Gets or sets the sorts to apply to the chart. This property will become ignored if sorts are changed outside of this property. */ get initialSorts(): string; set initialSorts(v: string); /** * Gets or sets the sorts to apply after grouping has been applied. */ get groupSorts(): string; set groupSorts(v: string); /** * Gets or sets the groupings to apply to the chart. This property will become ignored if sorts are changed outside of this property. */ get initialGroups(): string; set initialGroups(v: string); /** * Gets or sets the filter to apply to the chart. This property will become ignored if the filter is changed outside of this property. */ get initialFilter(): string; set initialFilter(v: string); /** * Gets or sets the filter to apply to the chart. This property will become ignored if the filter is changed outside of this property. */ get initialHighlightFilter(): string; set initialHighlightFilter(v: string); /** * Gets or sets the summaries to apply to the chart. This property will become ignored if sorts are changed outside of this property. */ get initialSummaries(): string; set initialSummaries(v: string); /** * Gets or sets a collection of data items used to generate the chart. * The HighlightedItemsSource of this chart can be a list of objects containing one or more numeric properties. * Additionally, if the objects in the list implement the IEnumerable interface, * the Chart will attempt to delve into the sub-collections when reading through the data source. * Data binding can be further configured by attributing the data item classes * with the DataSeriesMemberIntentAttribute. */ get highlightedDataSource(): any; set highlightedDataSource(v: any); /** * Gets or sets a set of property paths that should be included for consideration by the category chart, leaving the remainder excluded. If null, all properties will be considered. * * The `IncludedProperties` property used to include the properties for the consideration of the category chart. * * ```html * <igx-category-chart * yAxisMinimumValue="0" * [dataSource]="data" * includedProperties="ProductName,Cost" > * </igx-category-chart> * ``` * * ```ts * this.chart.includedProperties = ["ProductName", "Cost"]; * ``` */ get includedProperties(): string[]; set includedProperties(v: string[]); static ngAcceptInputType_includedProperties: string[] | string; /** * Gets or sets a set of property paths that should be excluded from consideration by the category chart. * * The `ExcludedProperties` property used for the property paths that should be excluded from consideration by the category chart. * * ```html * <igx-category-chart * yAxisMinimumValue="0" * [dataSource]="data" * excludedProperties="ID"> * </igx-category-chart> * ``` * * ```ts * this.chart.excludedProperties = ["ID", "Discount"]; * ``` */ get excludedProperties(): string[]; set excludedProperties(v: string[]); static ngAcceptInputType_excludedProperties: string[] | string; /** * Gets or sets the palette of brushes to use for coloring the chart series. * The value provided should be an array of CSS color strings or JavaScript objects defining gradients. Optionally the first element can be a string reading "RGB" or "HSV" to specify the interpolation mode of the collection * * Use