devextreme-angular
Version:
Angular UI and visualization components based on DevExtreme widgets
1 lines • 122 kB
Source Map (JSON)
{"version":3,"file":"devextreme-angular-ui-polar-chart.mjs","sources":["../../../dist/ui/polar-chart/index.ts","../../../dist/ui/polar-chart/devextreme-angular-ui-polar-chart.ts"],"sourcesContent":["/*!\n * devextreme-angular\n * Version: 25.1.5\n * Build date: Wed Sep 03 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, ChartsDataType, DashStyle, Font, DiscreteAxisDivisionMode, ArgumentAxisHoverMode, LabelOverlap, TimeInterval, AxisScaleType, ChartsColor, SeriesHoverMode, HatchDirection, RelativePosition, PointInteractionMode, PointSymbol, SeriesSelectionMode, ValueErrorBarDisplayMode, ValueErrorBarType, SeriesLabel, SeriesPoint, LegendItem, LegendHoverMode, Palette, PaletteExtensionMode, Theme, TextOverflow, WordWrap, ValueAxisVisualRangeUpdateMode } from 'devextreme/common/charts';\r\nimport { dxPolarChartAnnotationConfig, dxPolarChartCommonAnnotationConfig, PolarChartSeriesType, ArgumentAxisClickEvent, DisposingEvent, DoneEvent, DrawnEvent, ExportedEvent, ExportingEvent, FileSavingEvent, IncidentOccurredEvent, InitializedEvent, LegendClickEvent, OptionChangedEvent, PointClickEvent, PointHoverChangedEvent, PointSelectionChangedEvent, SeriesClickEvent, SeriesHoverChangedEvent, SeriesSelectionChangedEvent, TooltipHiddenEvent, TooltipShownEvent, ZoomEndEvent, ZoomStartEvent, PolarChartSeries } from 'devextreme/viz/polar_chart';\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 { ExportFormat, HorizontalAlignment, Position, Orientation, VerticalEdge, SingleOrMultiple } from 'devextreme/common';\r\n\r\nimport DxPolarChart from 'devextreme/viz/polar_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 { 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 { 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 { DxoCommonAnnotationSettingsModule } from 'devextreme-angular/ui/nested';\r\nimport { DxoCommonAxisSettingsModule } from 'devextreme-angular/ui/nested';\r\nimport { DxoCommonSeriesSettingsModule } 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 { DxoSelectionStyleModule } from 'devextreme-angular/ui/nested';\r\nimport { DxoValueErrorBarModule } from 'devextreme-angular/ui/nested';\r\nimport { DxoBarModule } from 'devextreme-angular/ui/nested';\r\nimport { DxoColorModule } from 'devextreme-angular/ui/nested';\r\nimport { DxoArgumentFormatModule } from 'devextreme-angular/ui/nested';\r\nimport { DxoLineModule } from 'devextreme-angular/ui/nested';\r\nimport { DxoScatterModule } from 'devextreme-angular/ui/nested';\r\nimport { DxoStackedbarModule } 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 { DxoTitleModule } from 'devextreme-angular/ui/nested';\r\nimport { DxoSubtitleModule } from 'devextreme-angular/ui/nested';\r\nimport { DxoLoadingIndicatorModule } 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 { DxoValueAxisModule } from 'devextreme-angular/ui/nested';\r\nimport { DxoMinVisualRangeLengthModule } from 'devextreme-angular/ui/nested';\r\n\r\nimport { DxoPolarChartAdaptiveLayoutModule } from 'devextreme-angular/ui/polar-chart/nested';\r\nimport { DxoPolarChartAnimationModule } from 'devextreme-angular/ui/polar-chart/nested';\r\nimport { DxiPolarChartAnnotationModule } from 'devextreme-angular/ui/polar-chart/nested';\r\nimport { DxoPolarChartAnnotationBorderModule } from 'devextreme-angular/ui/polar-chart/nested';\r\nimport { DxoPolarChartArgumentAxisModule } from 'devextreme-angular/ui/polar-chart/nested';\r\nimport { DxoPolarChartArgumentAxisMinorTickModule } from 'devextreme-angular/ui/polar-chart/nested';\r\nimport { DxoPolarChartArgumentAxisTickModule } from 'devextreme-angular/ui/polar-chart/nested';\r\nimport { DxoPolarChartArgumentFormatModule } from 'devextreme-angular/ui/polar-chart/nested';\r\nimport { DxoPolarChartAxisLabelModule } from 'devextreme-angular/ui/polar-chart/nested';\r\nimport { DxoPolarChartBorderModule } from 'devextreme-angular/ui/polar-chart/nested';\r\nimport { DxoPolarChartColorModule } from 'devextreme-angular/ui/polar-chart/nested';\r\nimport { DxoPolarChartCommonAnnotationSettingsModule } from 'devextreme-angular/ui/polar-chart/nested';\r\nimport { DxoPolarChartCommonAxisSettingsModule } from 'devextreme-angular/ui/polar-chart/nested';\r\nimport { DxoPolarChartCommonAxisSettingsLabelModule } from 'devextreme-angular/ui/polar-chart/nested';\r\nimport { DxoPolarChartCommonAxisSettingsMinorTickModule } from 'devextreme-angular/ui/polar-chart/nested';\r\nimport { DxoPolarChartCommonAxisSettingsTickModule } from 'devextreme-angular/ui/polar-chart/nested';\r\nimport { DxoPolarChartCommonSeriesSettingsModule } from 'devextreme-angular/ui/polar-chart/nested';\r\nimport { DxoPolarChartCommonSeriesSettingsHoverStyleModule } from 'devextreme-angular/ui/polar-chart/nested';\r\nimport { DxoPolarChartCommonSeriesSettingsLabelModule } from 'devextreme-angular/ui/polar-chart/nested';\r\nimport { DxoPolarChartCommonSeriesSettingsSelectionStyleModule } from 'devextreme-angular/ui/polar-chart/nested';\r\nimport { DxoPolarChartConnectorModule } from 'devextreme-angular/ui/polar-chart/nested';\r\nimport { DxiPolarChartConstantLineModule } from 'devextreme-angular/ui/polar-chart/nested';\r\nimport { DxoPolarChartConstantLineLabelModule } from 'devextreme-angular/ui/polar-chart/nested';\r\nimport { DxoPolarChartConstantLineStyleModule } from 'devextreme-angular/ui/polar-chart/nested';\r\nimport { DxoPolarChartConstantLineStyleLabelModule } from 'devextreme-angular/ui/polar-chart/nested';\r\nimport { DxoPolarChartDataPrepareSettingsModule } from 'devextreme-angular/ui/polar-chart/nested';\r\nimport { DxoPolarChartExportModule } from 'devextreme-angular/ui/polar-chart/nested';\r\nimport { DxoPolarChartFontModule } from 'devextreme-angular/ui/polar-chart/nested';\r\nimport { DxoPolarChartFormatModule } from 'devextreme-angular/ui/polar-chart/nested';\r\nimport { DxoPolarChartGridModule } from 'devextreme-angular/ui/polar-chart/nested';\r\nimport { DxoPolarChartHatchingModule } from 'devextreme-angular/ui/polar-chart/nested';\r\nimport { DxoPolarChartHoverStyleModule } from 'devextreme-angular/ui/polar-chart/nested';\r\nimport { DxoPolarChartImageModule } from 'devextreme-angular/ui/polar-chart/nested';\r\nimport { DxoPolarChartLabelModule } from 'devextreme-angular/ui/polar-chart/nested';\r\nimport { DxoPolarChartLegendModule } from 'devextreme-angular/ui/polar-chart/nested';\r\nimport { DxoPolarChartLegendTitleModule } from 'devextreme-angular/ui/polar-chart/nested';\r\nimport { DxoPolarChartLegendTitleSubtitleModule } from 'devextreme-angular/ui/polar-chart/nested';\r\nimport { DxoPolarChartLengthModule } from 'devextreme-angular/ui/polar-chart/nested';\r\nimport { DxoPolarChartLoadingIndicatorModule } from 'devextreme-angular/ui/polar-chart/nested';\r\nimport { DxoPolarChartMarginModule } from 'devextreme-angular/ui/polar-chart/nested';\r\nimport { DxoPolarChartMinorGridModule } from 'devextreme-angular/ui/polar-chart/nested';\r\nimport { DxoPolarChartMinorTickModule } from 'devextreme-angular/ui/polar-chart/nested';\r\nimport { DxoPolarChartMinorTickIntervalModule } from 'devextreme-angular/ui/polar-chart/nested';\r\nimport { DxoPolarChartMinVisualRangeLengthModule } from 'devextreme-angular/ui/polar-chart/nested';\r\nimport { DxoPolarChartPointModule } from 'devextreme-angular/ui/polar-chart/nested';\r\nimport { DxoPolarChartPointBorderModule } from 'devextreme-angular/ui/polar-chart/nested';\r\nimport { DxoPolarChartPointHoverStyleModule } from 'devextreme-angular/ui/polar-chart/nested';\r\nimport { DxoPolarChartPointSelectionStyleModule } from 'devextreme-angular/ui/polar-chart/nested';\r\nimport { DxoPolarChartPolarChartTitleModule } from 'devextreme-angular/ui/polar-chart/nested';\r\nimport { DxoPolarChartPolarChartTitleSubtitleModule } from 'devextreme-angular/ui/polar-chart/nested';\r\nimport { DxoPolarChartSelectionStyleModule } from 'devextreme-angular/ui/polar-chart/nested';\r\nimport { DxiPolarChartSeriesModule } from 'devextreme-angular/ui/polar-chart/nested';\r\nimport { DxoPolarChartSeriesBorderModule } from 'devextreme-angular/ui/polar-chart/nested';\r\nimport { DxoPolarChartSeriesTemplateModule } from 'devextreme-angular/ui/polar-chart/nested';\r\nimport { DxoPolarChartShadowModule } from 'devextreme-angular/ui/polar-chart/nested';\r\nimport { DxoPolarChartSizeModule } from 'devextreme-angular/ui/polar-chart/nested';\r\nimport { DxiPolarChartStripModule } from 'devextreme-angular/ui/polar-chart/nested';\r\nimport { DxoPolarChartStripLabelModule } from 'devextreme-angular/ui/polar-chart/nested';\r\nimport { DxoPolarChartStripStyleModule } from 'devextreme-angular/ui/polar-chart/nested';\r\nimport { DxoPolarChartStripStyleLabelModule } from 'devextreme-angular/ui/polar-chart/nested';\r\nimport { DxoPolarChartSubtitleModule } from 'devextreme-angular/ui/polar-chart/nested';\r\nimport { DxoPolarChartTickModule } from 'devextreme-angular/ui/polar-chart/nested';\r\nimport { DxoPolarChartTickIntervalModule } from 'devextreme-angular/ui/polar-chart/nested';\r\nimport { DxoPolarChartTitleModule } from 'devextreme-angular/ui/polar-chart/nested';\r\nimport { DxoPolarChartTooltipModule } from 'devextreme-angular/ui/polar-chart/nested';\r\nimport { DxoPolarChartTooltipBorderModule } from 'devextreme-angular/ui/polar-chart/nested';\r\nimport { DxoPolarChartValueAxisModule } from 'devextreme-angular/ui/polar-chart/nested';\r\nimport { DxoPolarChartValueErrorBarModule } from 'devextreme-angular/ui/polar-chart/nested';\r\nimport { DxoPolarChartVisualRangeModule } from 'devextreme-angular/ui/polar-chart/nested';\r\nimport { DxoPolarChartWholeRangeModule } from 'devextreme-angular/ui/polar-chart/nested';\r\n\r\nimport { DxiAnnotationComponent } from 'devextreme-angular/ui/nested';\r\nimport { DxiSeriesComponent } from 'devextreme-angular/ui/nested';\r\n\r\nimport { DxiPolarChartAnnotationComponent } from 'devextreme-angular/ui/polar-chart/nested';\r\nimport { DxiPolarChartSeriesComponent } from 'devextreme-angular/ui/polar-chart/nested';\r\n\r\n\r\n/**\r\n * The PolarChart is a UI component that visualizes data in a polar coordinate system.\r\n\r\n */\r\n@Component({\r\n selector: 'dx-polar-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 DxPolarChartComponent extends DxComponent implements OnDestroy, OnChanges, DoCheck {\r\n instance: DxPolarChart = 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 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 | dxPolarChartAnnotationConfig> {\r\n return this._getOption('annotations');\r\n }\r\n set annotations(value: Array<any | dxPolarChartAnnotationConfig>) {\r\n this._setOption('annotations', value);\r\n }\r\n\r\n\r\n /**\r\n * Specifies argument axis properties for the PolarChart UI component.\r\n \r\n */\r\n @Input()\r\n get argumentAxis(): { allowDecimals?: boolean | undefined, argumentType?: ChartsDataType | undefined, axisDivisionFactor?: number, categories?: Array<Date | number | string>, color?: string, constantLines?: { color?: string, dashStyle?: DashStyle, displayBehindSeries?: boolean, extendAxis?: boolean, label?: { font?: Font, text?: string | undefined, visible?: boolean }, value?: Date | number | string | undefined, width?: number }[], constantLineStyle?: { color?: string, dashStyle?: DashStyle, label?: { font?: Font, visible?: boolean }, width?: number }, discreteAxisDivisionMode?: DiscreteAxisDivisionMode, endOnTick?: boolean | undefined, firstPointOnStartAngle?: boolean, grid?: { color?: string, opacity?: number | undefined, visible?: boolean, width?: number }, hoverMode?: ArgumentAxisHoverMode, inverted?: boolean, label?: { customizeHint?: ((argument: { value: Date | number | string, valueText: string }) => string), customizeText?: ((argument: { value: Date | number | string, valueText: string }) => string), font?: Font, format?: Format | undefined, indentFromAxis?: number, overlappingBehavior?: LabelOverlap, visible?: boolean }, linearThreshold?: number | undefined, logarithmBase?: number, 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 }, opacity?: number | undefined, originValue?: number | undefined, period?: number | undefined, startAngle?: number, strips?: { color?: string | undefined, endValue?: Date | number | string | undefined, label?: { font?: Font, text?: string | undefined }, startValue?: Date | number | string | undefined }[], stripStyle?: { label?: { font?: Font } }, 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 }, type?: AxisScaleType | undefined, visible?: boolean, width?: number } {\r\n return this._getOption('argumentAxis');\r\n }\r\n set argumentAxis(value: { allowDecimals?: boolean | undefined, argumentType?: ChartsDataType | undefined, axisDivisionFactor?: number, categories?: Array<Date | number | string>, color?: string, constantLines?: { color?: string, dashStyle?: DashStyle, displayBehindSeries?: boolean, extendAxis?: boolean, label?: { font?: Font, text?: string | undefined, visible?: boolean }, value?: Date | number | string | undefined, width?: number }[], constantLineStyle?: { color?: string, dashStyle?: DashStyle, label?: { font?: Font, visible?: boolean }, width?: number }, discreteAxisDivisionMode?: DiscreteAxisDivisionMode, endOnTick?: boolean | undefined, firstPointOnStartAngle?: boolean, grid?: { color?: string, opacity?: number | undefined, visible?: boolean, width?: number }, hoverMode?: ArgumentAxisHoverMode, inverted?: boolean, label?: { customizeHint?: ((argument: { value: Date | number | string, valueText: string }) => string), customizeText?: ((argument: { value: Date | number | string, valueText: string }) => string), font?: Font, format?: Format | undefined, indentFromAxis?: number, overlappingBehavior?: LabelOverlap, visible?: boolean }, linearThreshold?: number | undefined, logarithmBase?: number, 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 }, opacity?: number | undefined, originValue?: number | undefined, period?: number | undefined, startAngle?: number, strips?: { color?: string | undefined, endValue?: Date | number | string | undefined, label?: { font?: Font, text?: string | undefined }, startValue?: Date | number | string | undefined }[], stripStyle?: { label?: { font?: Font } }, 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 }, type?: AxisScaleType | undefined, visible?: boolean, width?: number }) {\r\n this._setOption('argumentAxis', value);\r\n }\r\n\r\n\r\n /**\r\n * Controls the padding and consequently the angular 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 angular width for groups of bars with the same argument, measured in degrees. 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 PolarChart.\r\n \r\n */\r\n @Input()\r\n get commonAnnotationSettings(): dxPolarChartCommonAnnotationConfig {\r\n return this._getOption('commonAnnotationSettings');\r\n }\r\n set commonAnnotationSettings(value: dxPolarChartCommonAnnotationConfig) {\r\n this._setOption('commonAnnotationSettings', value);\r\n }\r\n\r\n\r\n /**\r\n * An object defining the configuration properties that are common for all axes of the PolarChart UI component.\r\n \r\n */\r\n @Input()\r\n get commonAxisSettings(): { allowDecimals?: boolean | undefined, color?: string, constantLineStyle?: { color?: string, dashStyle?: DashStyle, label?: { font?: Font, visible?: boolean }, width?: number }, discreteAxisDivisionMode?: DiscreteAxisDivisionMode, endOnTick?: boolean | undefined, grid?: { color?: string, opacity?: number | undefined, visible?: boolean, width?: number }, inverted?: boolean, label?: { font?: Font, indentFromAxis?: number, overlappingBehavior?: LabelOverlap, visible?: boolean }, minorGrid?: { color?: string, opacity?: number | undefined, visible?: boolean, width?: number }, minorTick?: { color?: string, length?: number, opacity?: number, visible?: boolean, width?: number }, opacity?: number | undefined, stripStyle?: { label?: { font?: Font } }, tick?: { color?: string, length?: number, opacity?: number | undefined, visible?: boolean, width?: number }, visible?: boolean, width?: number } {\r\n return this._getOption('commonAxisSettings');\r\n }\r\n set commonAxisSettings(value: { allowDecimals?: boolean | undefined, color?: string, constantLineStyle?: { color?: string, dashStyle?: DashStyle, label?: { font?: Font, visible?: boolean }, width?: number }, discreteAxisDivisionMode?: DiscreteAxisDivisionMode, endOnTick?: boolean | undefined, grid?: { color?: string, opacity?: number | undefined, visible?: boolean, width?: number }, inverted?: boolean, label?: { font?: Font, indentFromAxis?: number, overlappingBehavior?: LabelOverlap, visible?: boolean }, minorGrid?: { color?: string, opacity?: number | undefined, visible?: boolean, width?: number }, minorTick?: { color?: string, length?: number, opacity?: number, visible?: boolean, width?: number }, opacity?: number | undefined, stripStyle?: { label?: { font?: Font } }, tick?: { color?: string, length?: number, opacity?: number | undefined, visible?: boolean, width?: number }, visible?: boolean, width?: number }) {\r\n this._setOption('commonAxisSettings', value);\r\n }\r\n\r\n\r\n /**\r\n * An object defining the configuration properties that are common for all series of the PolarChart UI component.\r\n \r\n */\r\n @Input()\r\n get commonSeriesSettings(): { area?: any, argumentField?: string, bar?: any, barPadding?: number | undefined, barWidth?: number | undefined, border?: { color?: string | undefined, dashStyle?: DashStyle | undefined, visible?: boolean, width?: number }, closed?: boolean, color?: ChartsColor | string | undefined, dashStyle?: DashStyle, 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, label?: { 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, position?: RelativePosition, rotationAngle?: number, showForZeroValues?: boolean, visible?: boolean }, line?: any, maxLabelCount?: number | undefined, minBarSize?: number | undefined, opacity?: number, 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 }, image?: string | undefined | { height?: number, url?: string | undefined, width?: number }, selectionMode?: PointInteractionMode, selectionStyle?: { border?: { color?: string | undefined, visible?: boolean, width?: number }, color?: ChartsColor | string | undefined, size?: number }, size?: number, symbol?: PointSymbol, visible?: boolean }, 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, stack?: string, stackedbar?: any, tagField?: string, type?: PolarChartSeriesType, 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: { area?: any, argumentField?: string, bar?: any, barPadding?: number | undefined, barWidth?: number | undefined, border?: { color?: string | undefined, dashStyle?: DashStyle | undefined, visible?: boolean, width?: number }, closed?: boolean, color?: ChartsColor | string | undefined, dashStyle?: DashStyle, 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, label?: { 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, position?: RelativePosition, rotationAngle?: number, showForZeroValues?: boolean, visible?: boolean }, line?: any, maxLabelCount?: number | undefined, minBarSize?: number | undefined, opacity?: number, 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 }, image?: string | undefined | { height?: number, url?: string | undefined, width?: number }, selectionMode?: PointInteractionMode, selectionStyle?: { border?: { color?: string | undefined, visible?: boolean, width?: number }, color?: ChartsColor | string | undefined, size?: number }, size?: number, symbol?: PointSymbol, visible?: boolean }, 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, stack?: string, stackedbar?: any, tagField?: string, type?: PolarChartSeriesType, 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 the color of the parent page element.\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 * Customizes an individual annotation.\r\n \r\n */\r\n @Input()\r\n get customizeAnnotation(): ((annotation: dxPolarChartAnnotationConfig | any) => dxPolarChartAnnotationConfig) | undefined {\r\n return this._getOption('customizeAnnotation');\r\n }\r\n set customizeAnnotation(value: ((annotation: dxPolarChartAnnotationConfig | any) => dxPolarChartAnnotationConfig) | 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 * An object providing properties for managing data from a data source.\r\n \r\n */\r\n @Input()\r\n get dataPrepareSettings(): { checkTypeForAllData?: boolean, convertToAxisDataType?: boolean, sortingMethod?: boolean | ((a: { arg: Date | number | string, val: Date | number | string }, b: { arg: Date | number | string, val: Date | number | string }) => number) } {\r\n return this._getOption('dataPrepareSettings');\r\n }\r\n set dataPrepareSettings(value: { checkTypeForAllData?: boolean, convertToAxisDataType?: boolean, sortingMethod?: boolean | ((a: { arg: Date | number | string, val: Date | number | string }, b: { arg: Date | number | string, val: Date | number | string }) => 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 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'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 /**\r\n * Configures the exporting and printing features.\r\n \r\n */\r\n @Input()\r\n get export(): { backgroundColor?: string, enabled?: boolean, fileName?: string, formats?: Array<ExportFormat>, margin?: number, printingEnabled?: boolean, svgToCanvas?: ((svg: any, canvas: any) => any) | undefined } {\r\n return this._getOption('export');\r\n }\r\n set export(value: { backgroundColor?: string, enabled?: boolean, fileName?: string, formats?: Array<ExportFormat>, margin?: number, printingEnabled?: boolean, svgToCanvas?: ((svg: any, canvas: any) => any) | undefined }) {\r\n this._setOption('export', value);\r\n }\r\n\r\n\r\n /**\r\n * Specifies the properties of a chart's legend.\r\n \r\n */\r\n @Input()\r\n 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<LegendItem>) => Array<LegendItem>), 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, 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 } {\r\n return this._getOption('legend');\r\n }\r\n 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<LegendItem>) => Array<LegendItem>), 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, 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 }) {\r\n this._setOption('legend', value);\r\n }\r\n\r\n\r\n /**\r\n * Configures the loading indicator.\r\n \r\n */\r\n @Input()\r\n get loadingIndicator(): { backgroundColor?: string, enabled?: boolean, font?: Font, show?: boolean, text?: string } {\r\n return this._getOption('loadingIndicator');\r\n }\r\n set loadingIndicator(value: { backgroundColor?: string, enabled?: boolean, font?: Font, show?: boolean, text?: string }) {\r\n this._setOption('loadingIndicator', value);\r\n }\r\n\r\n\r\n /**\r\n * Generates space around the UI component.\r\n \r\n */\r\n @Input()\r\n get margin(): { bottom?: number, left?: number, right?: number, top?: number } {\r\n return this._getOption('margin');\r\n }\r\n set margin(value: { bottom?: number, left?: number, right?: number, top?: number }) {\r\n this._setOption('margin', value);\r\n }\r\n\r\n\r\n /**\r\n * Forces the UI component to treat negative values as zeroes. Applies to stacked-like series only.\r\n \r\n */\r\n @Input()\r\n get negativesAsZeroes(): boolean {\r\n return this._getOption('negativesAsZeroes');\r\n }\r\n set negativesAsZeroes(value: boolean) {\r\n this._setOption('negativesAsZeroes', value);\r\n }\r\n\r\n\r\n /**\r\n * Sets the palette to be used for colorizing series and their elements.\r\n \r\n */\r\n @Input()\r\n get palette(): Array<string> | Palette {\r\n return this._getOption('palette');\r\n }\r\n set palette(value: Array<string> | Palette) {\r\n this._setOption('palette', value);\r\n }\r\n\r\n\r\n /**\r\n * 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).\r\n \r\n */\r\n @Input()\r\n get paletteExtensionMode(): PaletteExtensionMode {\r\n return this._getOption('paletteExtensionMode');\r\n }\r\n set paletteExtensionMode(value: PaletteExtensionMode) {\r\n this._setOption('paletteExtensionMode', value);\r\n }\r\n\r\n\r\n /**\r\n * Notifies the UI component that it is embedded into an HTML page that uses a tag modifying the path.\r\n \r\n */\r\n @Input()\r\n get pathModified(): boolean {\r\n return this._getOption('pathModified');\r\n }\r\n set pathModified(value: boolean) {\r\n this._setOption('pathModified', value);\r\n }\r\n\r\n\r\n /**\r\n * Specifies whether a single point or multiple points can be selected in the chart.\r\n \r\n */\r\n @Input()\r\n get pointSelectionMode(): SingleOrMultiple {\r\n return this._getOption('pointSelectionMode');\r\n }\r\n set pointSelectionMode(value: SingleOrMultiple) {\r\n this._setOption('pointSelectionMode', value);\r\n }\r\n\r\n\r\n /**\r\n * Specifies whether to redraw the UI component when the size of the container changes or a mobile device rotates.\r\n \r\n */\r\n @Input()\r\n get redrawOnResize(): boolean {\r\n return this._getOption('redrawOnResize');\r\n }\r\n set redrawOnResize(value: boolean) {\r\n this._setOption('redrawOnResize', value);\r\n }\r\n\r\n\r\n /**\r\n * Specifies how the chart must behave when series point labels overlap.\r\n \r\n */\r\n @Input()\r\n get resolveLabelOverlapping(): LabelOverlap {\r\n return this._getOption('resolveLabelOverlapping');\r\n }\r\n set resolveLabelOverlapping(value: LabelOverlap) {\r\n this._setOption('resolveLabelOverlapping', value);\r\n }\r\n\r\n\r\n /**\r\n * Switches the UI component to a right-to-left representation.\r\n \r\n */\r\n @Input()\r\n get rtlEnabled(): boolean {\r\n return this._getOption('rtlEnabled');\r\n }\r\n set rtlEnabled(value: boolean) {\r\n this._setOption('rtlEnabled', value);\r\n }\r\n\r\n\r\n /**\r\n * Specifies properties for PolarChart UI component series.\r\n \r\n */\r\n @Input()\r\n get series(): Array<PolarChartSeries> | PolarChartSeries | undefined {\r\n return this._getOption('series');\r\n }\r\n set series(value: Array<PolarChartSeries> | PolarChartSeries | undefined) {\r\n this._setOption('series', value);\r\n }\r\n\r\n\r\n /**\r\n * Specifies whether a single series or multiple series can be selected in the chart.\r\n \r\n */\r\n @Input()\r\n get seriesSelectionMode(): SingleOrMultiple {\r\n return this._getOption('seriesSelectionMode');\r\n }\r\n set seriesSelectionMode(value: SingleOrMultiple) {\r\n this._setOption('seriesSelectionMode', value);\r\n }\r\n\r\n\r\n /**\r\n * Defines properties for the series template.\r\n \r\n */\r\n @Input()\r\n get seriesTemplate(): any {\r\n return this._getOption('seriesTemplate');\r\n }\r\n set seriesTemplate(value: any) {\r\n this._setOption('seriesTemplate', value);\r\n }\r\n\r\n\r\n /**\r\n * Specifies the UI component's size in pixels.\r\n \r\n */\r\n @Input()\r\n get size(): { height?: number | undefined, width?: number | undefined } {\r\n return this._getOption('size');\r\n }\r\n set size(value: { height?: number | undefined, width?: number | undefined }) {\r\n this._setOption('size', value);\r\n }\r\n\r\n\r\n /**\r\n * Sets the name of the theme the UI component uses.\r\n \r\n */\r\n @Input()\r\n get theme(): Theme {\r\n return this._getOption('theme');\r\n }\r\n set theme(value: Theme) {\r\n this._setOption('theme', value);\r\n }\r\n\r\n\r\n /**\r\n * Configures the UI component's title.\r\n \r\n */\r\n @Input()\r\n 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 } {\r\n return this._getOption('title');\r\n }\r\n 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 }) {\r\n this._setOption('title', value);\r\n }\r\n\r\n\r\n /**\r\n * Configures tooltips.\r\n \r\n */\r\n @Input()\r\n 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: any) => Record<string, any>) | undefined, enabled?: boolean, font?: Font, format?: Format | undefined, interactive?: boolean, opacity?: number | undefined, paddingLeftRight?: number, paddingTopBottom?: number, shadow?: { blur?: number, color?: string, offsetX?: number, offsetY?: number, opacity?: number }, shared?: boolean, zIndex?: number | undefined } {\r\n return this._getOption('tooltip');\r\n }\r\n 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: any) => Record<string, any>) | undefined, enabled?: boolean, font?: Font, format?: Format | undefined, interactive?: boolean, opacity?: number | undefined, paddingLeftRight?: number, paddingTopBottom?: number, shadow?: { blur?: number, color?: string, offsetX?: number, offsetY?: number, opacity?: number }, shared?: boolean, zIndex?: number | undefined }) {\r\n this._setOption('tooltip', value);\r\n }\r\n\r\n\r\n /**\r\n * Indicates whether to display a 'spider web'.\r\n \r\n */\r\n @Input()\r\n get useSpiderWeb(): boolean {\r\n return this._getOption('useSpiderWeb');\r\n }\r\n set useSpiderWeb(value: boolean) {\r\n this._setOption('useSpiderWeb', value);\r\n }\r\n\r\n\r\n /**\r\n * Specifies value axis properties for the PolarChart UI component.\r\n \r\n */\r\n @Input()\r\n get valueAxis(): { allowDecimals?: boolean | undefined, axisDivisionFactor?: number, categories?: Array<Date | number | string>, color?: string, constantLines?: { color?: string, dashStyle?: DashStyle, displayBehindSeries?: boolean, extendAxis?: boolean, label?: { font?: Font, text?: string | undefined, visible?: boolean }, value?: Date | number | string | undefined, width?: number }[], constantLineStyle?: { color?: string, dashStyle?: DashStyle, label?: { font?: Font, visible?: boolean }, width?: number }, discreteAxisDivisionMode?: DiscreteAxisDivisionMode, endOnTick?: boolean, grid?: { color?: string, opacity?: number | undefined, visible?: boolean, width?: number }, inverted?: boolean, label?: { customizeHint?: ((axisValue: { value: Date | number | string, valueText: string }) => string), customizeText?: ((axisValue: { value: Date | number | string, valueText: string }) => string), font?: Font, format?: Format | undefined, indentFromAxis?: number, overlappingBehavior?: LabelOverlap, visible?: boolean }, 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, 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 }, opacity?: number | undefined, showZero?: boolean | undefined, strips?: { color?: string | undefined, endValue?: Date | number | string | undefined, label?: { font?: Font, text?: string | undefined }, startValue?: Date | number | string | undefined }[], stripStyle?: { label?: { font?: Font } }, tick?: { color?: string, length?: number, opacity?: number | undefined, 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 }, type?: AxisScaleType | undefined, valueMarginsEnabled?: boolean, valueType?: ChartsDataType | undefined, visible?: boolean, visualRange?: Array<Date | number | string> | CommonChartTypes.VisualRange, visualRangeUpdateMode?: ValueAxisVisualRangeUpdateMode, wholeRange?: Array<Date | number | string> | undefined | CommonChartTypes.VisualRange, width?: number } {\r\n return this._getOption('valueAxis');\r\n }\r\n set valueAxis(value: { allowDecimals?: boolean | undefined, axisDivisionFactor?: number, categories?: Array<Date | number | string>, color?: string, constantLines?: { color?: string, dashStyle?: DashStyle, displayBehindSeries?: boolean, extendAxis?: boolean, label?: { font?: Font, text?: string | undefined, visible?: boolean }, value?: Date | number | string | undefined, width?: number }[], constantLineStyle?: { color?: string, dashStyle?: DashStyle, label?: { font?: Font, visible?: boolean }, width?: number }, discreteAxisDivisionMode?: DiscreteAxisDivisionMode, endOnTick?: boolean, grid?: { color?: string, opacity?: number | undefined, visible?: boolean, width?: number }, inverted?: boolean, label?: { customizeHint?: ((axisValue: { value: Date | number | string, valueText: string }) => string), customizeText?: ((axisValue: { value: Date | number | string, valueText: string }) => string), font?: Font, format?: Format | undefined, indentFromAxis?: number, overlappingBehavior?: LabelOverlap, visible?: boolean }, 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, 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?: numb