devextreme-angular/fesm2022/devextreme-angular-ui-chart.mjs.map

Angular UI and visualization components based on DevExtreme widgets

{"version":3,"file":"devextreme-angular-ui-chart.mjs","sources":["../../../dist/ui/chart/index.ts","../../../dist/ui/chart/devextreme-angular-ui-chart.ts"],"sourcesContent":["/*!\n * devextreme-angular\n * Version: 25.1.4\n * Build date: Tue Aug 05 2025\n *\n * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED\n *\n * This software may be modified and distributed under the terms\n * of the MIT license. See the LICENSE file in the root of the project for details.\n *\n * https://github.com/DevExpress/devextreme-angular\n */\n\n/* tslint:disable:max-line-length */\r\n\r\n\r\nimport {\r\n    TransferState,\r\n    Component,\r\n    NgModule,\r\n    ElementRef,\r\n    NgZone,\r\n    PLATFORM_ID,\r\n    Inject,\r\n\r\n    Input,\r\n    Output,\r\n    OnDestroy,\r\n    EventEmitter,\r\n    OnChanges,\r\n    DoCheck,\r\n    SimpleChanges,\r\n    ContentChildren,\r\n    QueryList\r\n} from '@angular/core';\r\n\r\n\r\nimport DataSource from 'devextreme/data/data_source';\r\nimport * as CommonChartTypes from 'devextreme/common/charts';\r\nimport { AnimationEaseMode, TimeInterval, ChartsDataType, ScaleBreak, ScaleBreakLineStyle, DashStyle, Font, RelativePosition, DiscreteAxisDivisionMode, ArgumentAxisHoverMode, ChartsAxisLabelOverlap, TextOverflow, WordWrap, AxisScaleType, VisualRangeUpdateMode, ChartsColor, SeriesHoverMode, HatchDirection, PointInteractionMode, PointSymbol, SeriesSelectionMode, SeriesType, ValueErrorBarDisplayMode, ValueErrorBarType, SeriesLabel, SeriesPoint, LegendItem, LegendHoverMode, Palette, PaletteExtensionMode, ChartsLabelOverlap, Theme, ValueAxisVisualRangeUpdateMode } from 'devextreme/common/charts';\r\nimport { dxChartAnnotationConfig, AggregatedPointsPosition, ChartLabelDisplayMode, dxChartCommonAnnotationConfig, chartPointAggregationInfoObject, chartSeriesObject, ChartSeriesAggregationMethod, FinancialChartReductionLevel, chartPointObject, ArgumentAxisClickEvent, DisposingEvent, DoneEvent, DrawnEvent, ExportedEvent, ExportingEvent, FileSavingEvent, IncidentOccurredEvent, InitializedEvent, LegendClickEvent, OptionChangedEvent, PointClickEvent, PointHoverChangedEvent, PointSelectionChangedEvent, SeriesClickEvent, SeriesHoverChangedEvent, SeriesSelectionChangedEvent, TooltipHiddenEvent, TooltipShownEvent, ZoomEndEvent, ZoomStartEvent, ChartTooltipLocation, ChartZoomAndPanMode, EventKeyModifier } from 'devextreme/viz/chart';\r\nimport { HorizontalAlignment, VerticalAlignment, Position, ExportFormat, Orientation, VerticalEdge, SingleOrMultiple } from 'devextreme/common';\r\nimport { Format } from 'devextreme/common/core/localization';\r\nimport { DataSourceOptions } from 'devextreme/data/data_source';\r\nimport { Store } from 'devextreme/data/store';\r\nimport { ChartSeries } from 'devextreme/viz/common';\r\n\r\nimport DxChart from 'devextreme/viz/chart';\r\n\r\n\r\nimport {\r\n    DxComponent,\r\n    DxTemplateHost,\r\n    DxIntegrationModule,\r\n    DxTemplateModule,\r\n    NestedOptionHost,\r\n    IterableDifferHelper,\r\n    WatcherHelper\r\n} from 'devextreme-angular/core';\r\n\r\nimport { DxoAdaptiveLayoutModule } from 'devextreme-angular/ui/nested';\r\nimport { DxoAnimationModule } from 'devextreme-angular/ui/nested';\r\nimport { DxiAnnotationModule } from 'devextreme-angular/ui/nested';\r\nimport { DxoBorderModule } from 'devextreme-angular/ui/nested';\r\nimport { DxoFontModule } from 'devextreme-angular/ui/nested';\r\nimport { DxoImageModule } from 'devextreme-angular/ui/nested';\r\nimport { DxoShadowModule } from 'devextreme-angular/ui/nested';\r\nimport { DxoArgumentAxisModule } from 'devextreme-angular/ui/nested';\r\nimport { DxoAggregationIntervalModule } from 'devextreme-angular/ui/nested';\r\nimport { DxiBreakModule } from 'devextreme-angular/ui/nested';\r\nimport { DxoBreakStyleModule } from 'devextreme-angular/ui/nested';\r\nimport { DxiConstantLineModule } from 'devextreme-angular/ui/nested';\r\nimport { DxoLabelModule } from 'devextreme-angular/ui/nested';\r\nimport { DxoConstantLineStyleModule } from 'devextreme-angular/ui/nested';\r\nimport { DxoGridModule } from 'devextreme-angular/ui/nested';\r\nimport { DxoFormatModule } from 'devextreme-angular/ui/nested';\r\nimport { DxoMinorGridModule } from 'devextreme-angular/ui/nested';\r\nimport { DxoMinorTickModule } from 'devextreme-angular/ui/nested';\r\nimport { DxoMinorTickIntervalModule } from 'devextreme-angular/ui/nested';\r\nimport { DxoMinVisualRangeLengthModule } from 'devextreme-angular/ui/nested';\r\nimport { DxiStripModule } from 'devextreme-angular/ui/nested';\r\nimport { DxoStripStyleModule } from 'devextreme-angular/ui/nested';\r\nimport { DxoTickModule } from 'devextreme-angular/ui/nested';\r\nimport { DxoTickIntervalModule } from 'devextreme-angular/ui/nested';\r\nimport { DxoTitleModule } from 'devextreme-angular/ui/nested';\r\nimport { DxoCommonAnnotationSettingsModule } from 'devextreme-angular/ui/nested';\r\nimport { DxoCommonAxisSettingsModule } from 'devextreme-angular/ui/nested';\r\nimport { DxoCommonPaneSettingsModule } from 'devextreme-angular/ui/nested';\r\nimport { DxoBackgroundColorModule } from 'devextreme-angular/ui/nested';\r\nimport { DxoCommonSeriesSettingsModule } from 'devextreme-angular/ui/nested';\r\nimport { DxoAggregationModule } from 'devextreme-angular/ui/nested';\r\nimport { DxoAreaModule } from 'devextreme-angular/ui/nested';\r\nimport { DxoHoverStyleModule } from 'devextreme-angular/ui/nested';\r\nimport { DxoHatchingModule } from 'devextreme-angular/ui/nested';\r\nimport { DxoConnectorModule } from 'devextreme-angular/ui/nested';\r\nimport { DxoPointModule } from 'devextreme-angular/ui/nested';\r\nimport { DxoHeightModule } from 'devextreme-angular/ui/nested';\r\nimport { DxoUrlModule } from 'devextreme-angular/ui/nested';\r\nimport { DxoWidthModule } from 'devextreme-angular/ui/nested';\r\nimport { DxoSelectionStyleModule } from 'devextreme-angular/ui/nested';\r\nimport { DxoReductionModule } from 'devextreme-angular/ui/nested';\r\nimport { DxoValueErrorBarModule } from 'devextreme-angular/ui/nested';\r\nimport { DxoBarModule } from 'devextreme-angular/ui/nested';\r\nimport { DxoBubbleModule } from 'devextreme-angular/ui/nested';\r\nimport { DxoCandlestickModule } from 'devextreme-angular/ui/nested';\r\nimport { DxoColorModule } from 'devextreme-angular/ui/nested';\r\nimport { DxoFullstackedareaModule } from 'devextreme-angular/ui/nested';\r\nimport { DxoFullstackedbarModule } from 'devextreme-angular/ui/nested';\r\nimport { DxoFullstackedlineModule } from 'devextreme-angular/ui/nested';\r\nimport { DxoFullstackedsplineModule } from 'devextreme-angular/ui/nested';\r\nimport { DxoFullstackedsplineareaModule } from 'devextreme-angular/ui/nested';\r\nimport { DxoArgumentFormatModule } from 'devextreme-angular/ui/nested';\r\nimport { DxoLineModule } from 'devextreme-angular/ui/nested';\r\nimport { DxoRangeareaModule } from 'devextreme-angular/ui/nested';\r\nimport { DxoRangebarModule } from 'devextreme-angular/ui/nested';\r\nimport { DxoScatterModule } from 'devextreme-angular/ui/nested';\r\nimport { DxoSplineModule } from 'devextreme-angular/ui/nested';\r\nimport { DxoSplineareaModule } from 'devextreme-angular/ui/nested';\r\nimport { DxoStackedareaModule } from 'devextreme-angular/ui/nested';\r\nimport { DxoStackedbarModule } from 'devextreme-angular/ui/nested';\r\nimport { DxoStackedlineModule } from 'devextreme-angular/ui/nested';\r\nimport { DxoStackedsplineModule } from 'devextreme-angular/ui/nested';\r\nimport { DxoStackedsplineareaModule } from 'devextreme-angular/ui/nested';\r\nimport { DxoStepareaModule } from 'devextreme-angular/ui/nested';\r\nimport { DxoSteplineModule } from 'devextreme-angular/ui/nested';\r\nimport { DxoStockModule } from 'devextreme-angular/ui/nested';\r\nimport { DxoCrosshairModule } from 'devextreme-angular/ui/nested';\r\nimport { DxoHorizontalLineModule } from 'devextreme-angular/ui/nested';\r\nimport { DxoVerticalLineModule } from 'devextreme-angular/ui/nested';\r\nimport { DxoDataPrepareSettingsModule } from 'devextreme-angular/ui/nested';\r\nimport { DxoExportModule } from 'devextreme-angular/ui/nested';\r\nimport { DxoLegendModule } from 'devextreme-angular/ui/nested';\r\nimport { DxoMarginModule } from 'devextreme-angular/ui/nested';\r\nimport { DxoSubtitleModule } from 'devextreme-angular/ui/nested';\r\nimport { DxoLoadingIndicatorModule } from 'devextreme-angular/ui/nested';\r\nimport { DxiPaneModule } from 'devextreme-angular/ui/nested';\r\nimport { DxoScrollBarModule } from 'devextreme-angular/ui/nested';\r\nimport { DxiSeriesModule } from 'devextreme-angular/ui/nested';\r\nimport { DxoSeriesTemplateModule } from 'devextreme-angular/ui/nested';\r\nimport { DxoSizeModule } from 'devextreme-angular/ui/nested';\r\nimport { DxoTooltipModule } from 'devextreme-angular/ui/nested';\r\nimport { DxiValueAxisModule } from 'devextreme-angular/ui/nested';\r\nimport { DxoZoomAndPanModule } from 'devextreme-angular/ui/nested';\r\nimport { DxoDragBoxStyleModule } from 'devextreme-angular/ui/nested';\r\n\r\nimport { DxoChartAdaptiveLayoutModule } from 'devextreme-angular/ui/chart/nested';\r\nimport { DxoChartAggregationModule } from 'devextreme-angular/ui/chart/nested';\r\nimport { DxoChartAggregationIntervalModule } from 'devextreme-angular/ui/chart/nested';\r\nimport { DxoChartAnimationModule } from 'devextreme-angular/ui/chart/nested';\r\nimport { DxiChartAnnotationModule } from 'devextreme-angular/ui/chart/nested';\r\nimport { DxoChartAnnotationBorderModule } from 'devextreme-angular/ui/chart/nested';\r\nimport { DxoChartAnnotationImageModule } from 'devextreme-angular/ui/chart/nested';\r\nimport { DxoChartArgumentAxisModule } from 'devextreme-angular/ui/chart/nested';\r\nimport { DxoChartArgumentFormatModule } from 'devextreme-angular/ui/chart/nested';\r\nimport { DxoChartAxisConstantLineStyleModule } from 'devextreme-angular/ui/chart/nested';\r\nimport { DxoChartAxisConstantLineStyleLabelModule } from 'devextreme-angular/ui/chart/nested';\r\nimport { DxoChartAxisLabelModule } from 'devextreme-angular/ui/chart/nested';\r\nimport { DxoChartAxisTitleModule } from 'devextreme-angular/ui/chart/nested';\r\nimport { DxoChartBackgroundColorModule } from 'devextreme-angular/ui/chart/nested';\r\nimport { DxoChartBorderModule } from 'devextreme-angular/ui/chart/nested';\r\nimport { DxiChartBreakModule } from 'devextreme-angular/ui/chart/nested';\r\nimport { DxoChartBreakStyleModule } from 'devextreme-angular/ui/chart/nested';\r\nimport { DxoChartChartTitleModule } from 'devextreme-angular/ui/chart/nested';\r\nimport { DxoChartChartTitleSubtitleModule } from 'devextreme-angular/ui/chart/nested';\r\nimport { DxoChartColorModule } from 'devextreme-angular/ui/chart/nested';\r\nimport { DxoChartCommonAnnotationSettingsModule } from 'devextreme-angular/ui/chart/nested';\r\nimport { DxoChartCommonAxisSettingsModule } from 'devextreme-angular/ui/chart/nested';\r\nimport { DxoChartCommonAxisSettingsConstantLineStyleModule } from 'devextreme-angular/ui/chart/nested';\r\nimport { DxoChartCommonAxisSettingsConstantLineStyleLabelModule } from 'devextreme-angular/ui/chart/nested';\r\nimport { DxoChartCommonAxisSettingsLabelModule } from 'devextreme-angular/ui/chart/nested';\r\nimport { DxoChartCommonAxisSettingsTitleModule } from 'devextreme-angular/ui/chart/nested';\r\nimport { DxoChartCommonPaneSettingsModule } from 'devextreme-angular/ui/chart/nested';\r\nimport { DxoChartCommonSeriesSettingsModule } from 'devextreme-angular/ui/chart/nested';\r\nimport { DxoChartCommonSeriesSettingsHoverStyleModule } from 'devextreme-angular/ui/chart/nested';\r\nimport { DxoChartCommonSeriesSettingsLabelModule } from 'devextreme-angular/ui/chart/nested';\r\nimport { DxoChartCommonSeriesSettingsSelectionStyleModule } from 'devextreme-angular/ui/chart/nested';\r\nimport { DxoChartConnectorModule } from 'devextreme-angular/ui/chart/nested';\r\nimport { DxiChartConstantLineModule } from 'devextreme-angular/ui/chart/nested';\r\nimport { DxoChartConstantLineLabelModule } from 'devextreme-angular/ui/chart/nested';\r\nimport { DxoChartConstantLineStyleModule } from 'devextreme-angular/ui/chart/nested';\r\nimport { DxoChartCrosshairModule } from 'devextreme-angular/ui/chart/nested';\r\nimport { DxoChartDataPrepareSettingsModule } from 'devextreme-angular/ui/chart/nested';\r\nimport { DxoChartDragBoxStyleModule } from 'devextreme-angular/ui/chart/nested';\r\nimport { DxoChartExportModule } from 'devextreme-angular/ui/chart/nested';\r\nimport { DxoChartFontModule } from 'devextreme-angular/ui/chart/nested';\r\nimport { DxoChartFormatModule } from 'devextreme-angular/ui/chart/nested';\r\nimport { DxoChartGridModule } from 'devextreme-angular/ui/chart/nested';\r\nimport { DxoChartHatchingModule } from 'devextreme-angular/ui/chart/nested';\r\nimport { DxoChartHeightModule } from 'devextreme-angular/ui/chart/nested';\r\nimport { DxoChartHorizontalLineModule } from 'devextreme-angular/ui/chart/nested';\r\nimport { DxoChartHorizontalLineLabelModule } from 'devextreme-angular/ui/chart/nested';\r\nimport { DxoChartHoverStyleModule } from 'devextreme-angular/ui/chart/nested';\r\nimport { DxoChartImageModule } from 'devextreme-angular/ui/chart/nested';\r\nimport { DxoChartLabelModule } from 'devextreme-angular/ui/chart/nested';\r\nimport { DxoChartLegendModule } from 'devextreme-angular/ui/chart/nested';\r\nimport { DxoChartLegendTitleModule } from 'devextreme-angular/ui/chart/nested';\r\nimport { DxoChartLegendTitleSubtitleModule } from 'devextreme-angular/ui/chart/nested';\r\nimport { DxoChartLengthModule } from 'devextreme-angular/ui/chart/nested';\r\nimport { DxoChartLoadingIndicatorModule } from 'devextreme-angular/ui/chart/nested';\r\nimport { DxoChartMarginModule } from 'devextreme-angular/ui/chart/nested';\r\nimport { DxoChartMinorGridModule } from 'devextreme-angular/ui/chart/nested';\r\nimport { DxoChartMinorTickModule } from 'devextreme-angular/ui/chart/nested';\r\nimport { DxoChartMinorTickIntervalModule } from 'devextreme-angular/ui/chart/nested';\r\nimport { DxoChartMinVisualRangeLengthModule } from 'devextreme-angular/ui/chart/nested';\r\nimport { DxiChartPaneModule } from 'devextreme-angular/ui/chart/nested';\r\nimport { DxoChartPaneBorderModule } from 'devextreme-angular/ui/chart/nested';\r\nimport { DxoChartPointModule } from 'devextreme-angular/ui/chart/nested';\r\nimport { DxoChartPointBorderModule } from 'devextreme-angular/ui/chart/nested';\r\nimport { DxoChartPointHoverStyleModule } from 'devextreme-angular/ui/chart/nested';\r\nimport { DxoChartPointImageModule } from 'devextreme-angular/ui/chart/nested';\r\nimport { DxoChartPointSelectionStyleModule } from 'devextreme-angular/ui/chart/nested';\r\nimport { DxoChartReductionModule } from 'devextreme-angular/ui/chart/nested';\r\nimport { DxoChartScrollBarModule } from 'devextreme-angular/ui/chart/nested';\r\nimport { DxoChartSelectionStyleModule } from 'devextreme-angular/ui/chart/nested';\r\nimport { DxiChartSeriesModule } from 'devextreme-angular/ui/chart/nested';\r\nimport { DxoChartSeriesBorderModule } from 'devextreme-angular/ui/chart/nested';\r\nimport { DxoChartSeriesTemplateModule } from 'devextreme-angular/ui/chart/nested';\r\nimport { DxoChartShadowModule } from 'devextreme-angular/ui/chart/nested';\r\nimport { DxoChartSizeModule } from 'devextreme-angular/ui/chart/nested';\r\nimport { DxiChartStripModule } from 'devextreme-angular/ui/chart/nested';\r\nimport { DxoChartStripLabelModule } from 'devextreme-angular/ui/chart/nested';\r\nimport { DxoChartStripStyleModule } from 'devextreme-angular/ui/chart/nested';\r\nimport { DxoChartStripStyleLabelModule } from 'devextreme-angular/ui/chart/nested';\r\nimport { DxoChartSubtitleModule } from 'devextreme-angular/ui/chart/nested';\r\nimport { DxoChartTickModule } from 'devextreme-angular/ui/chart/nested';\r\nimport { DxoChartTickIntervalModule } from 'devextreme-angular/ui/chart/nested';\r\nimport { DxoChartTitleModule } from 'devextreme-angular/ui/chart/nested';\r\nimport { DxoChartTooltipModule } from 'devextreme-angular/ui/chart/nested';\r\nimport { DxoChartTooltipBorderModule } from 'devextreme-angular/ui/chart/nested';\r\nimport { DxoChartUrlModule } from 'devextreme-angular/ui/chart/nested';\r\nimport { DxiChartValueAxisModule } from 'devextreme-angular/ui/chart/nested';\r\nimport { DxoChartValueErrorBarModule } from 'devextreme-angular/ui/chart/nested';\r\nimport { DxoChartVerticalLineModule } from 'devextreme-angular/ui/chart/nested';\r\nimport { DxoChartVisualRangeModule } from 'devextreme-angular/ui/chart/nested';\r\nimport { DxoChartWholeRangeModule } from 'devextreme-angular/ui/chart/nested';\r\nimport { DxoChartWidthModule } from 'devextreme-angular/ui/chart/nested';\r\nimport { DxoChartZoomAndPanModule } from 'devextreme-angular/ui/chart/nested';\r\n\r\nimport { DxiAnnotationComponent } from 'devextreme-angular/ui/nested';\r\nimport { DxiPaneComponent } from 'devextreme-angular/ui/nested';\r\nimport { DxiSeriesComponent } from 'devextreme-angular/ui/nested';\r\nimport { DxiValueAxisComponent } from 'devextreme-angular/ui/nested';\r\n\r\nimport { DxiChartAnnotationComponent } from 'devextreme-angular/ui/chart/nested';\r\nimport { DxiChartPaneComponent } from 'devextreme-angular/ui/chart/nested';\r\nimport { DxiChartSeriesComponent } from 'devextreme-angular/ui/chart/nested';\r\nimport { DxiChartValueAxisComponent } from 'devextreme-angular/ui/chart/nested';\r\n\r\n\r\n/**\r\n * The Chart is a UI component that visualizes data from a local or remote storage using a great variety of series types along with different interactive elements, such as tooltips, crosshair pointer, legend, etc.\r\n\r\n */\r\n@Component({\r\n    selector: 'dx-chart',\r\n    standalone: true,\r\n    template: '',\r\n    styles: [ ' :host {  display: block; }'],\r\n    host: { ngSkipHydration: 'true' },\r\n    imports: [ DxIntegrationModule ],\r\n    providers: [\r\n        DxTemplateHost,\r\n        WatcherHelper,\r\n        NestedOptionHost,\r\n        IterableDifferHelper\r\n    ]\r\n})\r\nexport class DxChartComponent extends DxComponent implements OnDestroy, OnChanges, DoCheck {\r\n    instance: DxChart = null;\r\n\r\n    /**\r\n     * Specifies adaptive layout properties.\r\n    \r\n     */\r\n    @Input()\r\n    get adaptiveLayout(): { height?: number, keepLabels?: boolean, width?: number } {\r\n        return this._getOption('adaptiveLayout');\r\n    }\r\n    set adaptiveLayout(value: { height?: number, keepLabels?: boolean, width?: number }) {\r\n        this._setOption('adaptiveLayout', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Specifies whether to adjust the value axis&apos;s visualRange when the argument axis is being zoomed or panned.\r\n    \r\n     */\r\n    @Input()\r\n    get adjustOnZoom(): boolean {\r\n        return this._getOption('adjustOnZoom');\r\n    }\r\n    set adjustOnZoom(value: boolean) {\r\n        this._setOption('adjustOnZoom', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Specifies animation properties.\r\n    \r\n     */\r\n    @Input()\r\n    get animation(): boolean | { duration?: number, easing?: AnimationEaseMode, enabled?: boolean, maxPointCountSupported?: number } {\r\n        return this._getOption('animation');\r\n    }\r\n    set animation(value: boolean | { duration?: number, easing?: AnimationEaseMode, enabled?: boolean, maxPointCountSupported?: number }) {\r\n        this._setOption('animation', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Specifies the annotation collection.\r\n    \r\n     */\r\n    @Input()\r\n    get annotations(): Array<any | dxChartAnnotationConfig> {\r\n        return this._getOption('annotations');\r\n    }\r\n    set annotations(value: Array<any | dxChartAnnotationConfig>) {\r\n        this._setOption('annotations', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Configures the argument axis.\r\n    \r\n     */\r\n    @Input()\r\n    get argumentAxis(): { aggregatedPointsPosition?: AggregatedPointsPosition, aggregationGroupWidth?: number | undefined, aggregationInterval?: number | TimeInterval | { days?: number, hours?: number, milliseconds?: number, minutes?: number, months?: number, quarters?: number, seconds?: number, weeks?: number, years?: number }, allowDecimals?: boolean | undefined, argumentType?: ChartsDataType | undefined, axisDivisionFactor?: number, breaks?: Array<ScaleBreak> | { endValue?: Date | number | string | undefined, startValue?: Date | number | string | undefined }[], breakStyle?: { color?: string, line?: ScaleBreakLineStyle, width?: number }, categories?: Array<Date | number | string>, color?: string, constantLines?: { color?: string, dashStyle?: DashStyle, displayBehindSeries?: boolean, extendAxis?: boolean, label?: { font?: Font, horizontalAlignment?: HorizontalAlignment, position?: RelativePosition, text?: string | undefined, verticalAlignment?: VerticalAlignment, visible?: boolean }, paddingLeftRight?: number, paddingTopBottom?: number, value?: Date | number | string | undefined, width?: number }[], constantLineStyle?: { color?: string, dashStyle?: DashStyle, label?: { font?: Font, horizontalAlignment?: HorizontalAlignment, position?: RelativePosition, verticalAlignment?: VerticalAlignment, visible?: boolean }, paddingLeftRight?: number, paddingTopBottom?: number, width?: number }, customPosition?: Date | number | string | undefined, customPositionAxis?: string | undefined, discreteAxisDivisionMode?: DiscreteAxisDivisionMode, endOnTick?: boolean, grid?: { color?: string, opacity?: number | undefined, visible?: boolean, width?: number }, holidays?: Array<Date | string> | Array<number>, hoverMode?: ArgumentAxisHoverMode, inverted?: boolean, label?: { alignment?: HorizontalAlignment | undefined, customizeHint?: ((argument: { value: Date | number | string, valueText: string }) => string), customizeText?: ((argument: { value: Date | number | string, valueText: string }) => string), displayMode?: ChartLabelDisplayMode, font?: Font, format?: Format | undefined, indentFromAxis?: number, overlappingBehavior?: ChartsAxisLabelOverlap, position?: Position | RelativePosition, rotationAngle?: number, staggeringSpacing?: number, template?: any, textOverflow?: TextOverflow, visible?: boolean, wordWrap?: WordWrap }, linearThreshold?: number | undefined, logarithmBase?: number, maxValueMargin?: number | undefined, minorGrid?: { color?: string, opacity?: number | undefined, visible?: boolean, width?: number }, minorTick?: { color?: string, length?: number, opacity?: number, shift?: number, visible?: boolean, width?: number }, minorTickCount?: number | undefined, minorTickInterval?: number | TimeInterval | { days?: number, hours?: number, milliseconds?: number, minutes?: number, months?: number, quarters?: number, seconds?: number, weeks?: number, years?: number }, minValueMargin?: number | undefined, minVisualRangeLength?: number | TimeInterval | undefined | { days?: number, hours?: number, milliseconds?: number, minutes?: number, months?: number, quarters?: number, seconds?: number, weeks?: number, years?: number }, offset?: number | undefined, opacity?: number | undefined, placeholderSize?: number, position?: Position, singleWorkdays?: Array<Date | string> | Array<number>, strips?: { color?: string | undefined, endValue?: Date | number | string | undefined, label?: { font?: Font, horizontalAlignment?: HorizontalAlignment, text?: string | undefined, verticalAlignment?: VerticalAlignment }, paddingLeftRight?: number, paddingTopBottom?: number, startValue?: Date | number | string | undefined }[], stripStyle?: { label?: { font?: Font, horizontalAlignment?: HorizontalAlignment, verticalAlignment?: VerticalAlignment }, paddingLeftRight?: number, paddingTopBottom?: number }, tick?: { color?: string, length?: number, opacity?: number | undefined, shift?: number, visible?: boolean, width?: number }, tickInterval?: number | TimeInterval | { days?: number, hours?: number, milliseconds?: number, minutes?: number, months?: number, quarters?: number, seconds?: number, weeks?: number, years?: number }, title?: string | { alignment?: HorizontalAlignment, font?: Font, margin?: number, text?: string | undefined, textOverflow?: TextOverflow, wordWrap?: WordWrap }, type?: AxisScaleType | undefined, valueMarginsEnabled?: boolean, visible?: boolean, visualRange?: Array<Date | number | string> | CommonChartTypes.VisualRange, visualRangeUpdateMode?: VisualRangeUpdateMode, wholeRange?: Array<Date | number | string> | undefined | CommonChartTypes.VisualRange, width?: number, workdaysOnly?: boolean, workWeek?: Array<number> } {\r\n        return this._getOption('argumentAxis');\r\n    }\r\n    set argumentAxis(value: { aggregatedPointsPosition?: AggregatedPointsPosition, aggregationGroupWidth?: number | undefined, aggregationInterval?: number | TimeInterval | { days?: number, hours?: number, milliseconds?: number, minutes?: number, months?: number, quarters?: number, seconds?: number, weeks?: number, years?: number }, allowDecimals?: boolean | undefined, argumentType?: ChartsDataType | undefined, axisDivisionFactor?: number, breaks?: Array<ScaleBreak> | { endValue?: Date | number | string | undefined, startValue?: Date | number | string | undefined }[], breakStyle?: { color?: string, line?: ScaleBreakLineStyle, width?: number }, categories?: Array<Date | number | string>, color?: string, constantLines?: { color?: string, dashStyle?: DashStyle, displayBehindSeries?: boolean, extendAxis?: boolean, label?: { font?: Font, horizontalAlignment?: HorizontalAlignment, position?: RelativePosition, text?: string | undefined, verticalAlignment?: VerticalAlignment, visible?: boolean }, paddingLeftRight?: number, paddingTopBottom?: number, value?: Date | number | string | undefined, width?: number }[], constantLineStyle?: { color?: string, dashStyle?: DashStyle, label?: { font?: Font, horizontalAlignment?: HorizontalAlignment, position?: RelativePosition, verticalAlignment?: VerticalAlignment, visible?: boolean }, paddingLeftRight?: number, paddingTopBottom?: number, width?: number }, customPosition?: Date | number | string | undefined, customPositionAxis?: string | undefined, discreteAxisDivisionMode?: DiscreteAxisDivisionMode, endOnTick?: boolean, grid?: { color?: string, opacity?: number | undefined, visible?: boolean, width?: number }, holidays?: Array<Date | string> | Array<number>, hoverMode?: ArgumentAxisHoverMode, inverted?: boolean, label?: { alignment?: HorizontalAlignment | undefined, customizeHint?: ((argument: { value: Date | number | string, valueText: string }) => string), customizeText?: ((argument: { value: Date | number | string, valueText: string }) => string), displayMode?: ChartLabelDisplayMode, font?: Font, format?: Format | undefined, indentFromAxis?: number, overlappingBehavior?: ChartsAxisLabelOverlap, position?: Position | RelativePosition, rotationAngle?: number, staggeringSpacing?: number, template?: any, textOverflow?: TextOverflow, visible?: boolean, wordWrap?: WordWrap }, linearThreshold?: number | undefined, logarithmBase?: number, maxValueMargin?: number | undefined, minorGrid?: { color?: string, opacity?: number | undefined, visible?: boolean, width?: number }, minorTick?: { color?: string, length?: number, opacity?: number, shift?: number, visible?: boolean, width?: number }, minorTickCount?: number | undefined, minorTickInterval?: number | TimeInterval | { days?: number, hours?: number, milliseconds?: number, minutes?: number, months?: number, quarters?: number, seconds?: number, weeks?: number, years?: number }, minValueMargin?: number | undefined, minVisualRangeLength?: number | TimeInterval | undefined | { days?: number, hours?: number, milliseconds?: number, minutes?: number, months?: number, quarters?: number, seconds?: number, weeks?: number, years?: number }, offset?: number | undefined, opacity?: number | undefined, placeholderSize?: number, position?: Position, singleWorkdays?: Array<Date | string> | Array<number>, strips?: { color?: string | undefined, endValue?: Date | number | string | undefined, label?: { font?: Font, horizontalAlignment?: HorizontalAlignment, text?: string | undefined, verticalAlignment?: VerticalAlignment }, paddingLeftRight?: number, paddingTopBottom?: number, startValue?: Date | number | string | undefined }[], stripStyle?: { label?: { font?: Font, horizontalAlignment?: HorizontalAlignment, verticalAlignment?: VerticalAlignment }, paddingLeftRight?: number, paddingTopBottom?: number }, tick?: { color?: string, length?: number, opacity?: number | undefined, shift?: number, visible?: boolean, width?: number }, tickInterval?: number | TimeInterval | { days?: number, hours?: number, milliseconds?: number, minutes?: number, months?: number, quarters?: number, seconds?: number, weeks?: number, years?: number }, title?: string | { alignment?: HorizontalAlignment, font?: Font, margin?: number, text?: string | undefined, textOverflow?: TextOverflow, wordWrap?: WordWrap }, type?: AxisScaleType | undefined, valueMarginsEnabled?: boolean, visible?: boolean, visualRange?: Array<Date | number | string> | CommonChartTypes.VisualRange, visualRangeUpdateMode?: VisualRangeUpdateMode, wholeRange?: Array<Date | number | string> | undefined | CommonChartTypes.VisualRange, width?: number, workdaysOnly?: boolean, workWeek?: Array<number> }) {\r\n        this._setOption('argumentAxis', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Specifies whether to hide series point markers automatically to reduce visual clutter.\r\n    \r\n     */\r\n    @Input()\r\n    get autoHidePointMarkers(): boolean {\r\n        return this._getOption('autoHidePointMarkers');\r\n    }\r\n    set autoHidePointMarkers(value: boolean) {\r\n        this._setOption('autoHidePointMarkers', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Controls the padding and consequently the width of a group of bars with the same argument using relative units. Ignored if the barGroupWidth property is set.\r\n    \r\n     */\r\n    @Input()\r\n    get barGroupPadding(): number {\r\n        return this._getOption('barGroupPadding');\r\n    }\r\n    set barGroupPadding(value: number) {\r\n        this._setOption('barGroupPadding', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Specifies a fixed width for groups of bars with the same argument, measured in pixels. Takes precedence over the barGroupPadding property.\r\n    \r\n     */\r\n    @Input()\r\n    get barGroupWidth(): number | undefined {\r\n        return this._getOption('barGroupWidth');\r\n    }\r\n    set barGroupWidth(value: number | undefined) {\r\n        this._setOption('barGroupWidth', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Specifies settings common for all annotations in the chart.\r\n    \r\n     */\r\n    @Input()\r\n    get commonAnnotationSettings(): dxChartCommonAnnotationConfig {\r\n        return this._getOption('commonAnnotationSettings');\r\n    }\r\n    set commonAnnotationSettings(value: dxChartCommonAnnotationConfig) {\r\n        this._setOption('commonAnnotationSettings', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Defines common settings for both the argument and value axis in a chart.\r\n    \r\n     */\r\n    @Input()\r\n    get commonAxisSettings(): { aggregatedPointsPosition?: AggregatedPointsPosition, allowDecimals?: boolean | undefined, breakStyle?: { color?: string, line?: ScaleBreakLineStyle, width?: number }, color?: string, constantLineStyle?: { color?: string, dashStyle?: DashStyle, label?: { font?: Font, position?: RelativePosition, visible?: boolean }, paddingLeftRight?: number, paddingTopBottom?: number, width?: number }, discreteAxisDivisionMode?: DiscreteAxisDivisionMode, endOnTick?: boolean | undefined, grid?: { color?: string, opacity?: number | undefined, visible?: boolean, width?: number }, inverted?: boolean, label?: { alignment?: HorizontalAlignment | undefined, displayMode?: ChartLabelDisplayMode, font?: Font, indentFromAxis?: number, overlappingBehavior?: ChartsAxisLabelOverlap, position?: Position | RelativePosition, rotationAngle?: number, staggeringSpacing?: number, template?: any, textOverflow?: TextOverflow, visible?: boolean, wordWrap?: WordWrap }, maxValueMargin?: number | undefined, minorGrid?: { color?: string, opacity?: number | undefined, visible?: boolean, width?: number }, minorTick?: { color?: string, length?: number, opacity?: number, shift?: number, visible?: boolean, width?: number }, minValueMargin?: number | undefined, opacity?: number | undefined, placeholderSize?: number, stripStyle?: { label?: { font?: Font, horizontalAlignment?: HorizontalAlignment, verticalAlignment?: VerticalAlignment }, paddingLeftRight?: number, paddingTopBottom?: number }, tick?: { color?: string, length?: number, opacity?: number | undefined, shift?: number, visible?: boolean, width?: number }, title?: { alignment?: HorizontalAlignment, font?: Font, margin?: number, textOverflow?: TextOverflow, wordWrap?: WordWrap }, valueMarginsEnabled?: boolean, visible?: boolean, width?: number } {\r\n        return this._getOption('commonAxisSettings');\r\n    }\r\n    set commonAxisSettings(value: { aggregatedPointsPosition?: AggregatedPointsPosition, allowDecimals?: boolean | undefined, breakStyle?: { color?: string, line?: ScaleBreakLineStyle, width?: number }, color?: string, constantLineStyle?: { color?: string, dashStyle?: DashStyle, label?: { font?: Font, position?: RelativePosition, visible?: boolean }, paddingLeftRight?: number, paddingTopBottom?: number, width?: number }, discreteAxisDivisionMode?: DiscreteAxisDivisionMode, endOnTick?: boolean | undefined, grid?: { color?: string, opacity?: number | undefined, visible?: boolean, width?: number }, inverted?: boolean, label?: { alignment?: HorizontalAlignment | undefined, displayMode?: ChartLabelDisplayMode, font?: Font, indentFromAxis?: number, overlappingBehavior?: ChartsAxisLabelOverlap, position?: Position | RelativePosition, rotationAngle?: number, staggeringSpacing?: number, template?: any, textOverflow?: TextOverflow, visible?: boolean, wordWrap?: WordWrap }, maxValueMargin?: number | undefined, minorGrid?: { color?: string, opacity?: number | undefined, visible?: boolean, width?: number }, minorTick?: { color?: string, length?: number, opacity?: number, shift?: number, visible?: boolean, width?: number }, minValueMargin?: number | undefined, opacity?: number | undefined, placeholderSize?: number, stripStyle?: { label?: { font?: Font, horizontalAlignment?: HorizontalAlignment, verticalAlignment?: VerticalAlignment }, paddingLeftRight?: number, paddingTopBottom?: number }, tick?: { color?: string, length?: number, opacity?: number | undefined, shift?: number, visible?: boolean, width?: number }, title?: { alignment?: HorizontalAlignment, font?: Font, margin?: number, textOverflow?: TextOverflow, wordWrap?: WordWrap }, valueMarginsEnabled?: boolean, visible?: boolean, width?: number }) {\r\n        this._setOption('commonAxisSettings', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Defines common settings for all panes in a chart.\r\n    \r\n     */\r\n    @Input()\r\n    get commonPaneSettings(): { backgroundColor?: ChartsColor | string, border?: { bottom?: boolean, color?: string, dashStyle?: DashStyle, left?: boolean, opacity?: number | undefined, right?: boolean, top?: boolean, visible?: boolean, width?: number } } {\r\n        return this._getOption('commonPaneSettings');\r\n    }\r\n    set commonPaneSettings(value: { backgroundColor?: ChartsColor | string, border?: { bottom?: boolean, color?: string, dashStyle?: DashStyle, left?: boolean, opacity?: number | undefined, right?: boolean, top?: boolean, visible?: boolean, width?: number } }) {\r\n        this._setOption('commonPaneSettings', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Specifies settings common for all series in the chart.\r\n    \r\n     */\r\n    @Input()\r\n    get commonSeriesSettings(): { aggregation?: { calculate?: ((aggregationInfo: chartPointAggregationInfoObject, series: chartSeriesObject) => Record<string, any> | Array<Record<string, any>>) | undefined, enabled?: boolean, method?: ChartSeriesAggregationMethod }, area?: any, argumentField?: string, axis?: string | undefined, bar?: any, barOverlapGroup?: string | undefined, barPadding?: number | undefined, barWidth?: number | undefined, border?: { color?: string | undefined, dashStyle?: DashStyle | undefined, visible?: boolean, width?: number }, bubble?: any, candlestick?: any, closeValueField?: string, color?: ChartsColor | string | undefined, cornerRadius?: number, dashStyle?: DashStyle, fullstackedarea?: any, fullstackedbar?: any, fullstackedline?: any, fullstackedspline?: any, fullstackedsplinearea?: any, highValueField?: string, hoverMode?: SeriesHoverMode, hoverStyle?: { border?: { color?: string | undefined, dashStyle?: DashStyle | undefined, visible?: boolean, width?: number }, color?: ChartsColor | string | undefined, dashStyle?: DashStyle, hatching?: { direction?: HatchDirection, opacity?: number, step?: number, width?: number }, highlight?: boolean, width?: number }, ignoreEmptyPoints?: boolean, innerColor?: string, label?: { alignment?: HorizontalAlignment, argumentFormat?: Format | undefined, backgroundColor?: string | undefined, border?: { color?: string | undefined, dashStyle?: DashStyle | undefined, visible?: boolean, width?: number }, connector?: { color?: string | undefined, visible?: boolean, width?: number }, customizeText?: ((pointInfo: any) => string), displayFormat?: string | undefined, font?: Font, format?: Format | undefined, horizontalOffset?: number, position?: RelativePosition, rotationAngle?: number, showForZeroValues?: boolean, verticalOffset?: number, visible?: boolean }, line?: any, lowValueField?: string, maxLabelCount?: number | undefined, minBarSize?: number | undefined, opacity?: number, openValueField?: string, pane?: string, point?: { border?: { color?: string | undefined, visible?: boolean, width?: number }, color?: ChartsColor | string | undefined, hoverMode?: PointInteractionMode, hoverStyle?: { border?: { color?: string | undefined, visible?: boolean, width?: number }, color?: ChartsColor | string | undefined, size?: number | undefined }, image?: string | undefined | { height?: number | { rangeMaxPoint?: number | undefined, rangeMinPoint?: number | undefined }, url?: string | undefined | { rangeMaxPoint?: string | undefined, rangeMinPoint?: string | undefined }, width?: number | { rangeMaxPoint?: number | undefined, rangeMinPoint?: number | undefined } }, selectionMode?: PointInteractionMode, selectionStyle?: { border?: { color?: string | undefined, visible?: boolean, width?: number }, color?: ChartsColor | string | undefined, size?: number | undefined }, size?: number, symbol?: PointSymbol, visible?: boolean }, rangearea?: any, rangebar?: any, rangeValue1Field?: string, rangeValue2Field?: string, reduction?: { color?: string, level?: FinancialChartReductionLevel }, scatter?: any, selectionMode?: SeriesSelectionMode, selectionStyle?: { border?: { color?: string | undefined, dashStyle?: DashStyle | undefined, visible?: boolean, width?: number }, color?: ChartsColor | string | undefined, dashStyle?: DashStyle, hatching?: { direction?: HatchDirection, opacity?: number, step?: number, width?: number }, highlight?: boolean, width?: number }, showInLegend?: boolean, sizeField?: string, spline?: any, splinearea?: any, stack?: string, stackedarea?: any, stackedbar?: any, stackedline?: any, stackedspline?: any, stackedsplinearea?: any, steparea?: any, stepline?: any, stock?: any, tagField?: string, type?: SeriesType, valueErrorBar?: { color?: string, displayMode?: ValueErrorBarDisplayMode, edgeLength?: number, highValueField?: string | undefined, lineWidth?: number, lowValueField?: string | undefined, opacity?: number | undefined, type?: undefined | ValueErrorBarType, value?: number }, valueField?: string, visible?: boolean, width?: number } {\r\n        return this._getOption('commonSeriesSettings');\r\n    }\r\n    set commonSeriesSettings(value: { aggregation?: { calculate?: ((aggregationInfo: chartPointAggregationInfoObject, series: chartSeriesObject) => Record<string, any> | Array<Record<string, any>>) | undefined, enabled?: boolean, method?: ChartSeriesAggregationMethod }, area?: any, argumentField?: string, axis?: string | undefined, bar?: any, barOverlapGroup?: string | undefined, barPadding?: number | undefined, barWidth?: number | undefined, border?: { color?: string | undefined, dashStyle?: DashStyle | undefined, visible?: boolean, width?: number }, bubble?: any, candlestick?: any, closeValueField?: string, color?: ChartsColor | string | undefined, cornerRadius?: number, dashStyle?: DashStyle, fullstackedarea?: any, fullstackedbar?: any, fullstackedline?: any, fullstackedspline?: any, fullstackedsplinearea?: any, highValueField?: string, hoverMode?: SeriesHoverMode, hoverStyle?: { border?: { color?: string | undefined, dashStyle?: DashStyle | undefined, visible?: boolean, width?: number }, color?: ChartsColor | string | undefined, dashStyle?: DashStyle, hatching?: { direction?: HatchDirection, opacity?: number, step?: number, width?: number }, highlight?: boolean, width?: number }, ignoreEmptyPoints?: boolean, innerColor?: string, label?: { alignment?: HorizontalAlignment, argumentFormat?: Format | undefined, backgroundColor?: string | undefined, border?: { color?: string | undefined, dashStyle?: DashStyle | undefined, visible?: boolean, width?: number }, connector?: { color?: string | undefined, visible?: boolean, width?: number }, customizeText?: ((pointInfo: any) => string), displayFormat?: string | undefined, font?: Font, format?: Format | undefined, horizontalOffset?: number, position?: RelativePosition, rotationAngle?: number, showForZeroValues?: boolean, verticalOffset?: number, visible?: boolean }, line?: any, lowValueField?: string, maxLabelCount?: number | undefined, minBarSize?: number | undefined, opacity?: number, openValueField?: string, pane?: string, point?: { border?: { color?: string | undefined, visible?: boolean, width?: number }, color?: ChartsColor | string | undefined, hoverMode?: PointInteractionMode, hoverStyle?: { border?: { color?: string | undefined, visible?: boolean, width?: number }, color?: ChartsColor | string | undefined, size?: number | undefined }, image?: string | undefined | { height?: number | { rangeMaxPoint?: number | undefined, rangeMinPoint?: number | undefined }, url?: string | undefined | { rangeMaxPoint?: string | undefined, rangeMinPoint?: string | undefined }, width?: number | { rangeMaxPoint?: number | undefined, rangeMinPoint?: number | undefined } }, selectionMode?: PointInteractionMode, selectionStyle?: { border?: { color?: string | undefined, visible?: boolean, width?: number }, color?: ChartsColor | string | undefined, size?: number | undefined }, size?: number, symbol?: PointSymbol, visible?: boolean }, rangearea?: any, rangebar?: any, rangeValue1Field?: string, rangeValue2Field?: string, reduction?: { color?: string, level?: FinancialChartReductionLevel }, scatter?: any, selectionMode?: SeriesSelectionMode, selectionStyle?: { border?: { color?: string | undefined, dashStyle?: DashStyle | undefined, visible?: boolean, width?: number }, color?: ChartsColor | string | undefined, dashStyle?: DashStyle, hatching?: { direction?: HatchDirection, opacity?: number, step?: number, width?: number }, highlight?: boolean, width?: number }, showInLegend?: boolean, sizeField?: string, spline?: any, splinearea?: any, stack?: string, stackedarea?: any, stackedbar?: any, stackedline?: any, stackedspline?: any, stackedsplinearea?: any, steparea?: any, stepline?: any, stock?: any, tagField?: string, type?: SeriesType, valueErrorBar?: { color?: string, displayMode?: ValueErrorBarDisplayMode, edgeLength?: number, highValueField?: string | undefined, lineWidth?: number, lowValueField?: string | undefined, opacity?: number | undefined, type?: undefined | ValueErrorBarType, value?: number }, valueField?: string, visible?: boolean, width?: number }) {\r\n        this._setOption('commonSeriesSettings', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Specifies background color of the chart container.\r\n    \r\n     */\r\n    @Input()\r\n    get containerBackgroundColor(): string {\r\n        return this._getOption('containerBackgroundColor');\r\n    }\r\n    set containerBackgroundColor(value: string) {\r\n        this._setOption('containerBackgroundColor', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Configures the crosshair feature.\r\n    \r\n     */\r\n    @Input()\r\n    get crosshair(): { color?: string, dashStyle?: DashStyle, enabled?: boolean, horizontalLine?: boolean | { color?: string, dashStyle?: DashStyle, label?: { backgroundColor?: string, customizeText?: ((info: { point: chartPointObject, value: Date | number | string, valueText: string }) => string), font?: Font, format?: Format | undefined, visible?: boolean }, opacity?: number | undefined, visible?: boolean, width?: number }, label?: { backgroundColor?: string, customizeText?: ((info: { point: chartPointObject, value: Date | number | string, valueText: string }) => string), font?: Font, format?: Format | undefined, visible?: boolean }, opacity?: number | undefined, verticalLine?: boolean | { color?: string, dashStyle?: DashStyle, label?: { backgroundColor?: string, customizeText?: ((info: { point: chartPointObject, value: Date | number | string, valueText: string }) => string), font?: Font, format?: Format | undefined, visible?: boolean }, opacity?: number | undefined, visible?: boolean, width?: number }, width?: number } {\r\n        return this._getOption('crosshair');\r\n    }\r\n    set crosshair(value: { color?: string, dashStyle?: DashStyle, enabled?: boolean, horizontalLine?: boolean | { color?: string, dashStyle?: DashStyle, label?: { backgroundColor?: string, customizeText?: ((info: { point: chartPointObject, value: Date | number | string, valueText: string }) => string), font?: Font, format?: Format | undefined, visible?: boolean }, opacity?: number | undefined, visible?: boolean, width?: number }, label?: { backgroundColor?: string, customizeText?: ((info: { point: chartPointObject, value: Date | number | string, valueText: string }) => string), font?: Font, format?: Format | undefined, visible?: boolean }, opacity?: number | undefined, verticalLine?: boolean | { color?: string, dashStyle?: DashStyle, label?: { backgroundColor?: string, customizeText?: ((info: { point: chartPointObject, value: Date | number | string, valueText: string }) => string), font?: Font, format?: Format | undefined, visible?: boolean }, opacity?: number | undefined, visible?: boolean, width?: number }, width?: number }) {\r\n        this._setOption('crosshair', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Customizes an individual annotation.\r\n    \r\n     */\r\n    @Input()\r\n    get customizeAnnotation(): ((annotation: dxChartAnnotationConfig | any) => dxChartAnnotationConfig) | undefined {\r\n        return this._getOption('customizeAnnotation');\r\n    }\r\n    set customizeAnnotation(value: ((annotation: dxChartAnnotationConfig | any) => dxChartAnnotationConfig) | undefined) {\r\n        this._setOption('customizeAnnotation', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Customizes the appearance of an individual point label.\r\n    \r\n     */\r\n    @Input()\r\n    get customizeLabel(): ((pointInfo: any) => SeriesLabel) {\r\n        return this._getOption('customizeLabel');\r\n    }\r\n    set customizeLabel(value: ((pointInfo: any) => SeriesLabel)) {\r\n        this._setOption('customizeLabel', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Customizes the appearance of an individual series point.\r\n    \r\n     */\r\n    @Input()\r\n    get customizePoint(): ((pointInfo: any) => SeriesPoint) {\r\n        return this._getOption('customizePoint');\r\n    }\r\n    set customizePoint(value: ((pointInfo: any) => SeriesPoint)) {\r\n        this._setOption('customizePoint', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Processes data before visualizing it.\r\n    \r\n     */\r\n    @Input()\r\n    get dataPrepareSettings(): { checkTypeForAllData?: boolean, convertToAxisDataType?: boolean, sortingMethod?: boolean | ((a: any, b: any) => number) } {\r\n        return this._getOption('dataPrepareSettings');\r\n    }\r\n    set dataPrepareSettings(value: { checkTypeForAllData?: boolean, convertToAxisDataType?: boolean, sortingMethod?: boolean | ((a: any, b: any) => number) }) {\r\n        this._setOption('dataPrepareSettings', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Binds the UI component to data.\r\n    \r\n     */\r\n    @Input()\r\n    get dataSource(): Array<any> | DataSource | DataSourceOptions | null | Store | string {\r\n        return this._getOption('dataSource');\r\n    }\r\n    set dataSource(value: Array<any> | DataSource | DataSourceOptions | null | Store | string) {\r\n        this._setOption('dataSource', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Specifies which pane should be used by default.\r\n    \r\n     */\r\n    @Input()\r\n    get defaultPane(): string | undefined {\r\n        return this._getOption('defaultPane');\r\n    }\r\n    set defaultPane(value: string | undefined) {\r\n        this._setOption('defaultPane', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Specifies whether the UI component responds to user interaction.\r\n    \r\n     */\r\n    @Input()\r\n    get disabled(): boolean {\r\n        return this._getOption('disabled');\r\n    }\r\n    set disabled(value: boolean) {\r\n        this._setOption('disabled', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Specifies the global attributes to be attached to the UI component&apos;s container element.\r\n    \r\n     */\r\n    @Input()\r\n    get elementAttr(): Record<string, any> {\r\n        return this._getOption('elementAttr');\r\n    }\r\n    set elementAttr(value: Record<string, any>) {\r\n        this._setOption('elementAttr', value);\r\n    }\r\n\r\n\r\n