/*! * devextreme-angular * Version: 25.2.6 * Build date: Mon Mar 30 2026 * * Copyright (c) 2012 - 2026 Developer Express Inc. ALL RIGHTS RESERVED * * This software may be modified and distributed under the terms * of the MIT license. See the LICENSE file in the root of the project for details. * * https://github.com/DevExpress/DevExtreme */ import { TransferState, ElementRef, NgZone, OnDestroy, EventEmitter, OnChanges, DoCheck, SimpleChanges, QueryList } from '@angular/core'; import DataSource from 'devextreme/data/data_source'; import * as CommonChartTypes from 'devextreme/common/charts'; import { 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'; import { 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, dxChartPointInfo, ChartTooltipLocation, ChartZoomAndPanMode, EventKeyModifier } from 'devextreme/viz/chart'; import { HorizontalAlignment, VerticalAlignment, Position, ExportFormat, Orientation, VerticalEdge, SingleOrMultiple } from 'devextreme/common'; import { Format } from 'devextreme/common/core/localization'; import { DataSourceOptions } from 'devextreme/data/data_source'; import { Store } from 'devextreme/data/store'; import { ChartSeries } from 'devextreme/viz/common'; import DxChart from 'devextreme/viz/chart'; import { DxComponent, DxTemplateHost, NestedOptionHost, IterableDifferHelper, WatcherHelper, CollectionNestedOption } from 'devextreme-angular/core'; import type * as DxChartTypes from "devextreme/viz/chart_types"; import * as i0 from "@angular/core"; import * as i1 from "devextreme-angular/ui/nested"; import * as i2 from "devextreme-angular/ui/chart/nested"; import * as i3 from "devextreme-angular/core"; /** * 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. */ export declare class DxChartComponent extends DxComponent implements OnDestroy, OnChanges, DoCheck { private _watcherHelper; private _idh; set _annotationsContentChildren(value: QueryList); set _breaksContentChildren(value: QueryList); set _constantLinesContentChildren(value: QueryList); set _panesContentChildren(value: QueryList); set _seriesContentChildren(value: QueryList); set _stripsContentChildren(value: QueryList); set _valueAxisContentChildren(value: QueryList); instance: DxChart; /** * Specifies adaptive layout properties. */ get adaptiveLayout(): { height?: number; keepLabels?: boolean; width?: number; }; set adaptiveLayout(value: { height?: number; keepLabels?: boolean; width?: number; }); /** * Specifies whether to adjust the value axis's visualRange when the argument axis is being zoomed or panned. */ get adjustOnZoom(): boolean; set adjustOnZoom(value: boolean); /** * Specifies animation properties. */ get animation(): boolean | { duration?: number; easing?: AnimationEaseMode; enabled?: boolean; maxPointCountSupported?: number; }; set animation(value: boolean | { duration?: number; easing?: AnimationEaseMode; enabled?: boolean; maxPointCountSupported?: number; }); /** * Specifies the annotation collection. */ get annotations(): Array; set annotations(value: Array); /** * Configures the argument axis. */ 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 | { endValue?: Date | number | string | undefined; startValue?: Date | number | string | undefined; }[]; breakStyle?: { color?: string; line?: ScaleBreakLineStyle; width?: number; }; categories?: Array; 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 | Array; 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 | Array; 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 | CommonChartTypes.VisualRange; visualRangeUpdateMode?: VisualRangeUpdateMode; wholeRange?: Array | undefined | CommonChartTypes.VisualRange; width?: number; workdaysOnly?: boolean; workWeek?: Array; }; 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 | { endValue?: Date | number | string | undefined; startValue?: Date | number | string | undefined; }[]; breakStyle?: { color?: string; line?: ScaleBreakLineStyle; width?: number; }; categories?: Array; 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 | Array; 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 | Array; 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 | CommonChartTypes.VisualRange; visualRangeUpdateMode?: VisualRangeUpdateMode; wholeRange?: Array | undefined | CommonChartTypes.VisualRange; width?: number; workdaysOnly?: boolean; workWeek?: Array; }); /** * Specifies whether to hide series point markers automatically to reduce visual clutter. */ get autoHidePointMarkers(): boolean; set autoHidePointMarkers(value: boolean); /** * 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. */ get barGroupPadding(): number; set barGroupPadding(value: number); /** * Specifies a fixed width for groups of bars with the same argument, measured in pixels. Takes precedence over the barGroupPadding property. */ get barGroupWidth(): number | undefined; set barGroupWidth(value: number | undefined); /** * Specifies settings common for all annotations in the chart. */ get commonAnnotationSettings(): dxChartCommonAnnotationConfig; set commonAnnotationSettings(value: dxChartCommonAnnotationConfig); /** * Defines common settings for both the argument and value axis in a chart. */ 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; }; 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; }); /** * Defines common settings for all panes in a chart. */ 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; }; }; 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; }; }); /** * Specifies settings common for all series in the chart. */ get commonSeriesSettings(): { aggregation?: { calculate?: ((aggregationInfo: chartPointAggregationInfoObject, series: chartSeriesObject) => Record | Array>) | 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; }; set commonSeriesSettings(value: { aggregation?: { calculate?: ((aggregationInfo: chartPointAggregationInfoObject, series: chartSeriesObject) => Record | Array>) | 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; }); /** * Specifies background color of the chart container. */ get containerBackgroundColor(): string; set containerBackgroundColor(value: string); /** * Configures the crosshair feature. */ 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; }; 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; }); /** * Customizes an individual annotation. */ get customizeAnnotation(): ((annotation: dxChartAnnotationConfig | any) => dxChartAnnotationConfig) | undefined; set customizeAnnotation(value: ((annotation: dxChartAnnotationConfig | any) => dxChartAnnotationConfig) | undefined); /** * Customizes the appearance of an individual point label. */ get customizeLabel(): ((pointInfo: any) => SeriesLabel); set customizeLabel(value: ((pointInfo: any) => SeriesLabel)); /** * Customizes the appearance of an individual series point. */ get customizePoint(): ((pointInfo: any) => SeriesPoint); set customizePoint(value: ((pointInfo: any) => SeriesPoint)); /** * Processes data before visualizing it. */ get dataPrepareSettings(): { checkTypeForAllData?: boolean; convertToAxisDataType?: boolean; sortingMethod?: boolean | ((a: any, b: any) => number); }; set dataPrepareSettings(value: { checkTypeForAllData?: boolean; convertToAxisDataType?: boolean; sortingMethod?: boolean | ((a: any, b: any) => number); }); /** * Binds the UI component to data. */ get dataSource(): Array | DataSource | DataSourceOptions | null | Store | string; set dataSource(value: Array | DataSource | DataSourceOptions | null | Store | string); /** * Specifies which pane should be used by default. */ get defaultPane(): string | undefined; set defaultPane(value: string | undefined); /** * Specifies whether the UI component responds to user interaction. */ get disabled(): boolean; set disabled(value: boolean); /** * Specifies the global attributes to be attached to the UI component's container element. */ get elementAttr(): Record; set elementAttr(value: Record); /** * Configures the exporting and printing features. */ get export(): { backgroundColor?: string; enabled?: boolean; fileName?: string; formats?: Array; margin?: number; printingEnabled?: boolean; svgToCanvas?: ((svg: any, canvas: any) => any) | undefined; }; set export(value: { backgroundColor?: string; enabled?: boolean; fileName?: string; formats?: Array; margin?: number; printingEnabled?: boolean; svgToCanvas?: ((svg: any, canvas: any) => any) | undefined; }); /** * Specifies the properties of a chart's legend. */ get legend(): { backgroundColor?: string | undefined; border?: { color?: string; cornerRadius?: number; dashStyle?: DashStyle; opacity?: number | undefined; visible?: boolean; width?: number; }; columnCount?: number; columnItemSpacing?: number; customizeHint?: ((seriesInfo: { seriesColor: string; seriesIndex: number; seriesName: any; }) => string); customizeItems?: ((items: Array) => Array); customizeText?: ((seriesInfo: { seriesColor: string; seriesIndex: number; seriesName: any; }) => string); font?: Font; horizontalAlignment?: HorizontalAlignment; hoverMode?: LegendHoverMode; itemsAlignment?: HorizontalAlignment | undefined; itemTextPosition?: Position | undefined; margin?: number | { bottom?: number; left?: number; right?: number; top?: number; }; markerSize?: number; markerTemplate?: any; orientation?: Orientation | undefined; paddingLeftRight?: number; paddingTopBottom?: number; position?: RelativePosition; rowCount?: number; rowItemSpacing?: number; title?: string | { font?: Font; horizontalAlignment?: HorizontalAlignment | undefined; margin?: { bottom?: number; left?: number; right?: number; top?: number; }; placeholderSize?: number | undefined; subtitle?: string | { font?: Font; offset?: number; text?: string; }; text?: string; verticalAlignment?: VerticalEdge; }; verticalAlignment?: VerticalEdge; visible?: boolean; }; set legend(value: { backgroundColor?: string | undefined; border?: { color?: string; cornerRadius?: number; dashStyle?: DashStyle; opacity?: number | undefined; visible?: boolean; width?: number; }; columnCount?: number; columnItemSpacing?: number; customizeHint?: ((seriesInfo: { seriesColor: string; seriesIndex: number; seriesName: any; }) => string); customizeItems?: ((items: Array) => Array); customizeText?: ((seriesInfo: { seriesColor: string; seriesIndex: number; seriesName: any; }) => string); font?: Font; horizontalAlignment?: HorizontalAlignment; hoverMode?: LegendHoverMode; itemsAlignment?: HorizontalAlignment | undefined; itemTextPosition?: Position | undefined; margin?: number | { bottom?: number; left?: number; right?: number; top?: number; }; markerSize?: number; markerTemplate?: any; orientation?: Orientation | undefined; paddingLeftRight?: number; paddingTopBottom?: number; position?: RelativePosition; rowCount?: number; rowItemSpacing?: number; title?: string | { font?: Font; horizontalAlignment?: HorizontalAlignment | undefined; margin?: { bottom?: number; left?: number; right?: number; top?: number; }; placeholderSize?: number | undefined; subtitle?: string | { font?: Font; offset?: number; text?: string; }; text?: string; verticalAlignment?: VerticalEdge; }; verticalAlignment?: VerticalEdge; visible?: boolean; }); /** * Configures the loading indicator. */ get loadingIndicator(): { backgroundColor?: string; enabled?: boolean; font?: Font; show?: boolean; text?: string; }; set loadingIndicator(value: { backgroundColor?: string; enabled?: boolean; font?: Font; show?: boolean; text?: string; }); /** * Generates space around the UI component. */ get margin(): { bottom?: number; left?: number; right?: number; top?: number; }; set margin(value: { bottom?: number; left?: number; right?: number; top?: number; }); /** * Specifies a coefficient determining the diameter of the largest bubble. */ get maxBubbleSize(): number; set maxBubbleSize(value: number); /** * Specifies the diameter of the smallest bubble measured in pixels. */ get minBubbleSize(): number; set minBubbleSize(value: number); /** * Forces the UI component to treat negative values as zeroes. Applies to stacked-like series only. */ get negativesAsZeroes(): boolean; set negativesAsZeroes(value: boolean); /** * Sets the palette to be used for colorizing series and their elements. */ get palette(): Array | Palette; set palette(value: Array | Palette); /** * Specifies what to do with colors in the palette when their number is less than the number of series (in the Chart UI component) or points in a series (in the PieChart UI component). */ get paletteExtensionMode(): PaletteExtensionMode; set paletteExtensionMode(value: PaletteExtensionMode); /** * Declares a collection of panes. */ get panes(): { backgroundColor?: ChartsColor | string; border?: { bottom?: boolean; color?: string; dashStyle?: DashStyle; left?: boolean; opacity?: number | undefined; right?: boolean; top?: boolean; visible?: boolean; width?: number; }; height?: number | string | undefined; name?: string | undefined; }[]; set panes(value: { backgroundColor?: ChartsColor | string; border?: { bottom?: boolean; color?: string; dashStyle?: DashStyle; left?: boolean; opacity?: number | undefined; right?: boolean; top?: boolean; visible?: boolean; width?: number; }; height?: number | string | undefined; name?: string | undefined; }[]); /** * Notifies the UI component that it is embedded into an HTML page that uses a tag modifying the path. */ get pathModified(): boolean; set pathModified(value: boolean); /** * Specifies whether a single point or multiple points can be selected in the chart. */ get pointSelectionMode(): SingleOrMultiple; set pointSelectionMode(value: SingleOrMultiple); /** * Specifies whether to redraw the UI component when the size of the container changes or a mobile device rotates. */ get redrawOnResize(): boolean; set redrawOnResize(value: boolean); /** * Specifies whether panes can be resized if other chart elements require more space after zooming or panning. */ get resizePanesOnZoom(): boolean; set resizePanesOnZoom(value: boolean); /** * Specifies how the chart must behave when series point labels overlap. */ get resolveLabelOverlapping(): ChartsLabelOverlap; set resolveLabelOverlapping(value: ChartsLabelOverlap); /** * Swaps the axes around making the value axis horizontal and the argument axis vertical. */ get rotated(): boolean; set rotated(value: boolean); /** * Switches the UI component to a right-to-left representation. */ get rtlEnabled(): boolean; set rtlEnabled(value: boolean); /** * Specifies the settings of the scroll bar. */ get scrollBar(): { color?: string; offset?: number; opacity?: number | undefined; position?: Position; visible?: boolean; width?: number; }; set scrollBar(value: { color?: string; offset?: number; opacity?: number | undefined; position?: Position; visible?: boolean; width?: number; }); /** * Specifies properties for Chart UI component series. */ get series(): Array | ChartSeries | undefined; set series(value: Array | ChartSeries | undefined); /** * Specifies whether a single series or multiple series can be selected in the chart. */ get seriesSelectionMode(): SingleOrMultiple; set seriesSelectionMode(value: SingleOrMultiple); /** * Defines properties for the series template. */ get seriesTemplate(): any; set seriesTemplate(value: any); /** * Specifies the UI component's size in pixels. */ get size(): { height?: number | undefined; width?: number | undefined; }; set size(value: { height?: number | undefined; width?: number | undefined; }); /** * Specifies whether a point should remain in the hover state when the mouse pointer moves away. */ get stickyHovering(): boolean; set stickyHovering(value: boolean); /** * Indicates whether or not to synchronize value axes when they are displayed on a single pane. */ get synchronizeMultiAxes(): boolean; set synchronizeMultiAxes(value: boolean); /** * Sets the name of the theme the UI component uses. */ get theme(): Theme; set theme(value: Theme); /** * Configures the UI component's title. */ get title(): string | { font?: Font; horizontalAlignment?: HorizontalAlignment; margin?: number | { bottom?: number; left?: number; right?: number; top?: number; }; placeholderSize?: number | undefined; subtitle?: string | { font?: Font; offset?: number; text?: string; textOverflow?: TextOverflow; wordWrap?: WordWrap; }; text?: string; textOverflow?: TextOverflow; verticalAlignment?: VerticalEdge; wordWrap?: WordWrap; }; set title(value: string | { font?: Font; horizontalAlignment?: HorizontalAlignment; margin?: number | { bottom?: number; left?: number; right?: number; top?: number; }; placeholderSize?: number | undefined; subtitle?: string | { font?: Font; offset?: number; text?: string; textOverflow?: TextOverflow; wordWrap?: WordWrap; }; text?: string; textOverflow?: TextOverflow; verticalAlignment?: VerticalEdge; wordWrap?: WordWrap; }); /** * Configures tooltips. */ get tooltip(): { argumentFormat?: Format | undefined; arrowLength?: number; border?: { color?: string; dashStyle?: DashStyle; opacity?: number | undefined; visible?: boolean; width?: number; }; color?: string; container?: any | string | undefined; contentTemplate?: any; cornerRadius?: number; customizeTooltip?: ((pointInfo: dxChartPointInfo) => Record) | undefined; enabled?: boolean; font?: Font; format?: Format | undefined; interactive?: boolean; location?: ChartTooltipLocation; opacity?: number | undefined; paddingLeftRight?: number; paddingTopBottom?: number; shadow?: { blur?: number; color?: string; offsetX?: number; offsetY?: number; opacity?: number; }; shared?: boolean; zIndex?: number | undefined; }; set tooltip(value: { argumentFormat?: Format | undefined; arrowLength?: number; border?: { color?: string; dashStyle?: DashStyle; opacity?: number | undefined; visible?: boolean; width?: number; }; color?: string; container?: any | string | undefined; contentTemplate?: any; cornerRadius?: number; customizeTooltip?: ((pointInfo: dxChartPointInfo) => Record) | undefined; enabled?: boolean; font?: Font; format?: Format | undefined; interactive?: boolean; location?: ChartTooltipLocation; opacity?: number | undefined; paddingLeftRight?: number; paddingTopBottom?: number; shadow?: { blur?: number; color?: string; offsetX?: number; offsetY?: number; opacity?: number; }; shared?: boolean; zIndex?: number | undefined; }); /** * Configures the value axis. */ get valueAxis(): { aggregatedPointsPosition?: AggregatedPointsPosition; allowDecimals?: boolean | undefined; autoBreaksEnabled?: boolean; axisDivisionFactor?: number; breaks?: Array | { endValue?: Date | number | string | undefined; startValue?: Date | number | string | undefined; }[]; breakStyle?: { color?: string; line?: ScaleBreakLineStyle; width?: number; }; categories?: Array; 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; discreteAxisDivisionMode?: DiscreteAxisDivisionMode; endOnTick?: boolean | undefined; grid?: { color?: string; opacity?: number | undefined; visible?: boolean; width?: number; }; inverted?: boolean; label?: { alignment?: HorizontalAlignment | undefined; customizeHint?: ((axisValue: { value: Date | number | string; valueText: string; }) => string); customizeText?: ((axisValue: { 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; maxAutoBreakCount?: 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; }; multipleAxesSpacing?: number; name?: string | undefined; offset?: number | undefined; opacity?: number | undefined; pane?: string | undefined; placeholderSize?: number; position?: Position; showZero?: boolean | undefined; 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; }; synchronizedValue?: number | undefined; 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; valueType?: ChartsDataType | undefined; visible?: boolean; visualRange?: Array | CommonChartTypes.VisualRange; visualRangeUpdateMode?: ValueAxisVisualRangeUpdateMode; wholeRange?: Array | undefined | CommonChartTypes.VisualRange; width?: number; }[]; set valueAxis(value: { aggregatedPointsPosition?: AggregatedPointsPosition; allowDecimals?: boolean | undefined; autoBreaksEnabled?: boolean; axisDivisionFactor?: number; breaks?: Array | { endValue?: Date | number | string | undefined; startValue?: Date | number | string | undefined; }[]; breakStyle?: { color?: string; line?: ScaleBreakLineStyle; width?: number; }; categories?: Array; 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; discreteAxisDivisionMode?: DiscreteAxisDivisionMode; endOnTick?: boolean | undefined; grid?: { color?: string; opacity?: number | undefined; visible?: boolean; width?: number; }; inverted?: boolean; label?: { alignment?: HorizontalAlignment | undefined; customizeHint?: ((axisValue: { value: Date | number | string; valueText: string; }) => string); customizeText?: ((axisValue: { 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; maxAutoBreakCount?: 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; }; multipleAxesSpacing?: number; name?: string | undefined; offset?: number | undefined; opacity?: number | undefined; pane?: string | undefined; placeholderSize?: number; position?: Position; showZero?: boolean | undefined; 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; }; synchronizedValue?: number | undefined; 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; valueType?: ChartsDataType | undefined; visible?: boolean; visualRange?: Array | CommonChartTypes.VisualRange; visualRangeUpdateMode?: ValueAxisVisualRangeUpdateMode; wholeRange?: Array | undefined | CommonChartTypes.VisualRange; width?: number; }[]); /** * Configures zooming and panning. */ get zoomAndPan(): { allowMouseWheel?: boolean; allowTouchGestures?: boolean; argumentAxis?: ChartZoomAndPanMode; dragBoxStyle?: { color?: string | undefined; opacity?: number | undefined; }; dragToZoom?: boolean; panKey?: EventKeyModifier; valueAxis?: ChartZoomAndPanMode; }; set zoomAndPan(value: { allowMouseWheel?: boolean; allowTouchGestures?: boolean; argumentAxis?: ChartZoomAndPanMode; dragBoxStyle?: { color?: string | undefined; opacity?: number | undefined; }; dragToZoom?: boolean; panKey?: EventKeyModifier; valueAxis?: ChartZoomAndPanMode; }); /** * A function that is executed when a label on the argument axis is clicked or tapped. */ onArgumentAxisClick: EventEmitter; /** * A function that is executed before the UI component is disposed of. */ onDisposing: EventEmitter; /** * A function that is executed when all series are ready. */ onDone: EventEmitter; /** * A function that is executed when the UI component's rendering has finished. */ onDrawn: EventEmitter; /** * A function that is executed after the UI component is exported. */ onExported: EventEmitter; /** * A function that is executed before the UI component is exported. */ onExporting: EventEmitter; /** * A function that is executed before a file with exported UI component is saved to the user's local storage. */ onFileSaving: EventEmitter; /** * A function that is executed when an error or warning occurs. */ onIncidentOccurred: EventEmitter; /** * A function used in JavaScript frameworks to save the UI component instance. */ onInitialized: EventEmitter; /** * A function that is executed when a legend item is clicked or tapped. */ onLegendClick: EventEmitter; /** * A function that is executed after a UI component property is changed. */ onOptionChanged: EventEmitter; /** * A function that is executed when a series point is clicked or tapped. */ onPointClick: EventEmitter; /** * A function that is executed after the pointer enters or leaves a series point. */ onPointHoverChanged: EventEmitter; /** * A function that is executed when a series point is selected or selection is canceled. */ onPointSelectionChanged: EventEmitter; /** * A function that is executed when a series is clicked or tapped. */ onSeriesClick: EventEmitter; /** * A function that is executed after the pointer enters or leaves a series. */ onSeriesHoverChanged: EventEmitter; /** * A function that is executed when a series is selected or selection is canceled. */ onSeriesSelectionChanged: EventEmitter; /** * A function that is executed when a tooltip becomes hidden. */ onTooltipHidden: EventEmitter; /** * A function that is executed when a tooltip appears. */ onTooltipShown: EventEmitter; /** * A function that is executed when zooming or panning ends. */ onZoomEnd: EventEmitter; /** * A function that is executed when zooming or panning begins. */ onZoomStart: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ adaptiveLayoutChange: EventEmitter<{ height?: number; keepLabels?: boolean; width?: number; }>; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ adjustOnZoomChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ animationChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ annotationsChange: EventEmitter>; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ argumentAxisChange: EventEmitter<{ 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 | { endValue?: Date | number | string | undefined; startValue?: Date | number | string | undefined; }[]; breakStyle?: { color?: string; line?: ScaleBreakLineStyle; width?: number; }; categories?: Array; 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 | Array; 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 | Array; 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 | CommonChartTypes.VisualRange; visualRangeUpdateMode?: VisualRangeUpdateMode; wholeRange?: Array | undefined | CommonChartTypes.VisualRange; width?: number; workdaysOnly?: boolean; workWeek?: Array; }>; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ autoHidePointMarkersChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ barGroupPaddingChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ barGroupWidthChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ commonAnnotationSettingsChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ commonAxisSettingsChange: EventEmitter<{ 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; }>; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ commonPaneSettingsChange: EventEmitter<{ backgroundColor?: ChartsColor | string; border?: { bottom?: boolean; color?: string; dashStyle?: DashStyle; left?: boolean; opacity?: number | undefined; right?: boolean; top?: boolean; visible?: boolean; width?: number; }; }>; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ commonSeriesSettingsChange: EventEmitter<{ aggregation?: { calculate?: ((aggregationInfo: chartPointAggregationInfoObject, series: chartSeriesObject) => Record | Array>) | 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; }>; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ containerBackgroundColorChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ crosshairChange: EventEmitter<{ 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; }>; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ customizeAnnotationChange: EventEmitter<((annotation: dxChartAnnotationConfig | any) => dxChartAnnotationConfig) | undefined>; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ customizeLabelChange: EventEmitter<((pointInfo: any) => SeriesLabel)>; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ customizePointChange: EventEmitter<((pointInfo: any) => SeriesPoint)>; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ dataPrepareSettingsChange: EventEmitter<{ checkTypeForAllData?: boolean; convertToAxisDataType?: boolean; sortingMethod?: boolean | ((a: any, b: any) => number); }>; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ dataSourceChange: EventEmitter | DataSource | DataSourceOptions | null | Store | string>; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ defaultPaneChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ disabledChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ elementAttrChange: EventEmitter>; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ exportChange: EventEmitter<{ backgroundColor?: string; enabled?: boolean; fileName?: string; formats?: Array; margin?: number; printingEnabled?: boolean; svgToCanvas?: ((svg: any, canvas: any) => any) | undefined; }>; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ legendChange: EventEmitter<{ backgroundColor?: string | undefined; border?: { color?: string; cornerRadius?: number; dashStyle?: DashStyle; opacity?: number | undefined; visible?: boolean; width?: number; }; columnCount?: number; columnItemSpacing?: number; customizeHint?: ((seriesInfo: { seriesColor: string; seriesIndex: number; seriesName: any; }) => string); customizeItems?: ((items: Array) => Array); customizeText?: ((seriesInfo: { seriesColor: string; seriesIndex: number; seriesName: any; }) => string); font?: Font; horizontalAlignment?: HorizontalAlignment; hoverMode?: LegendHoverMode; itemsAlignment?: HorizontalAlignment | undefined; itemTextPosition?: Position | undefined; margin?: number | { bottom?: number; left?: number; right?: number; top?: number; }; markerSize?: number; markerTemplate?: any; orientation?: Orientation | undefined; paddingLeftRight?: number; paddingTopBottom?: number; position?: RelativePosition; rowCount?: number; rowItemSpacing?: number; title?: string | { font?: Font; horizontalAlignment?: HorizontalAlignment | undefined; margin?: { bottom?: number; left?: number; right?: number; top?: number; }; placeholderSize?: number | undefined; subtitle?: string | { font?: Font; offset?: number; text?: string; }; text?: string; verticalAlignment?: VerticalEdge; }; verticalAlignment?: VerticalEdge; visible?: boolean; }>; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ loadingIndicatorChange: EventEmitter<{ backgroundColor?: string; enabled?: boolean; font?: Font; show?: boolean; text?: string; }>; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ marginChange: EventEmitter<{ bottom?: number; left?: number; right?: number; top?: number; }>; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ maxBubbleSizeChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ minBubbleSizeChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ negativesAsZeroesChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ paletteChange: EventEmitter | Palette>; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ paletteExtensionModeChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ panesChange: EventEmitter<{ backgroundColor?: ChartsColor | string; border?: { bottom?: boolean; color?: string; dashStyle?: DashStyle; left?: boolean; opacity?: number | undefined; right?: boolean; top?: boolean; visible?: boolean; width?: number; }; height?: number | string | undefined; name?: string | undefined; }[]>; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ pathModifiedChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ pointSelectionModeChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ redrawOnResizeChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ resizePanesOnZoomChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ resolveLabelOverlappingChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ rotatedChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ rtlEnabledChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ scrollBarChange: EventEmitter<{ color?: string; offset?: number; opacity?: number | undefined; position?: Position; visible?: boolean; width?: number; }>; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ seriesChange: EventEmitter | ChartSeries | undefined>; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ seriesSelectionModeChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ seriesTemplateChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ sizeChange: EventEmitter<{ height?: number | undefined; width?: number | undefined; }>; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ stickyHoveringChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ synchronizeMultiAxesChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ themeChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ titleChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ tooltipChange: EventEmitter<{ argumentFormat?: Format | undefined; arrowLength?: number; border?: { color?: string; dashStyle?: DashStyle; opacity?: number | undefined; visible?: boolean; width?: number; }; color?: string; container?: any | string | undefined; contentTemplate?: any; cornerRadius?: number; customizeTooltip?: ((pointInfo: dxChartPointInfo) => Record) | undefined; enabled?: boolean; font?: Font; format?: Format | undefined; interactive?: boolean; location?: ChartTooltipLocation; opacity?: number | undefined; paddingLeftRight?: number; paddingTopBottom?: number; shadow?: { blur?: number; color?: string; offsetX?: number; offsetY?: number; opacity?: number; }; shared?: boolean; zIndex?: number | undefined; }>; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ valueAxisChange: EventEmitter<{ aggregatedPointsPosition?: AggregatedPointsPosition; allowDecimals?: boolean | undefined; autoBreaksEnabled?: boolean; axisDivisionFactor?: number; breaks?: Array | { endValue?: Date | number | string | undefined; startValue?: Date | number | string | undefined; }[]; breakStyle?: { color?: string; line?: ScaleBreakLineStyle; width?: number; }; categories?: Array; 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; discreteAxisDivisionMode?: DiscreteAxisDivisionMode; endOnTick?: boolean | undefined; grid?: { color?: string; opacity?: number | undefined; visible?: boolean; width?: number; }; inverted?: boolean; label?: { alignment?: HorizontalAlignment | undefined; customizeHint?: ((axisValue: { value: Date | number | string; valueText: string; }) => string); customizeText?: ((axisValue: { 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; maxAutoBreakCount?: 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; }; multipleAxesSpacing?: number; name?: string | undefined; offset?: number | undefined; opacity?: number | undefined; pane?: string | undefined; placeholderSize?: number; position?: Position; showZero?: boolean | undefined; 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; }; synchronizedValue?: number | undefined; 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; valueType?: ChartsDataType | undefined; visible?: boolean; visualRange?: Array | CommonChartTypes.VisualRange; visualRangeUpdateMode?: ValueAxisVisualRangeUpdateMode; wholeRange?: Array | undefined | CommonChartTypes.VisualRange; width?: number; }[]>; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ zoomAndPanChange: EventEmitter<{ allowMouseWheel?: boolean; allowTouchGestures?: boolean; argumentAxis?: ChartZoomAndPanMode; dragBoxStyle?: { color?: string | undefined; opacity?: number | undefined; }; dragToZoom?: boolean; panKey?: EventKeyModifier; valueAxis?: ChartZoomAndPanMode; }>; constructor(elementRef: ElementRef, ngZone: NgZone, templateHost: DxTemplateHost, _watcherHelper: WatcherHelper, _idh: IterableDifferHelper, optionHost: NestedOptionHost, transferState: TransferState, platformId: any); protected _createInstance(element: any, options: any): DxChart; ngOnDestroy(): void; ngOnChanges(changes: SimpleChanges): void; setupChanges(prop: string, changes: SimpleChanges): void; ngDoCheck(): void; _setOption(name: string, value: any): void; static ɵfac: i0.ɵɵFactoryDeclaration; static ɵcmp: i0.ɵɵComponentDeclaration; } export declare class DxChartModule { static ɵfac: i0.ɵɵFactoryDeclaration; static ɵmod: i0.ɵɵNgModuleDeclaration; static ɵinj: i0.ɵɵInjectorDeclaration; } export * from 'devextreme-angular/ui/chart/nested'; export { DxChartTypes };