devextreme-angular
Version:
DevExtreme UI and Visualization Components for Angular
1,034 lines (1,004 loc) • 288 kB
TypeScript
import * as i0 from '@angular/core';
import { OnDestroy, OnInit, AfterViewInit, Renderer2, ElementRef, QueryList, EventEmitter } from '@angular/core';
import { NestedOption, NestedOptionHost, CollectionNestedOption, IDxTemplateHost, DxTemplateHost, DxTemplateDirective } from 'devextreme-angular/core';
import { chartPointAggregationInfoObject, chartSeriesObject, ChartSeriesAggregationMethod, dxChartAnnotationConfig, AggregatedPointsPosition, ChartLabelDisplayMode, FinancialChartReductionLevel, chartPointObject, dxChartPointInfo, ChartTooltipLocation, ChartZoomAndPanMode, EventKeyModifier } from 'devextreme/viz/chart';
import * as CommonChartTypes from 'devextreme/common/charts';
import { AnimationEaseMode, DashStyle, Font, TextOverflow, AnnotationType, WordWrap, TimeInterval, ChartsDataType, ScaleBreak, ScaleBreakLineStyle, RelativePosition, DiscreteAxisDivisionMode, ArgumentAxisHoverMode, ChartsAxisLabelOverlap, AxisScaleType, VisualRangeUpdateMode, ChartsColor, HatchDirection, SeriesHoverMode, PointInteractionMode, PointSymbol, SeriesSelectionMode, SeriesType, ValueErrorBarDisplayMode, ValueErrorBarType, LegendItem, LegendHoverMode, ValueAxisVisualRangeUpdateMode } from 'devextreme/common/charts';
import { HorizontalAlignment, VerticalAlignment, Position, Format as Format$1, VerticalEdge, ExportFormat, Orientation } from 'devextreme/common';
import { Format } from 'devextreme/common/core/localization';
import { ChartSeries } from 'devextreme/viz/common';
/*!
* devextreme-angular
* Version: 26.1.3
* Build date: Wed Jun 10 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
*/
declare class DxoChartAdaptiveLayoutComponent extends NestedOption implements OnDestroy, OnInit {
get height(): number;
set height(value: number);
get keepLabels(): boolean;
set keepLabels(value: boolean);
get width(): number;
set width(value: number);
protected get _optionPath(): string;
constructor(parentOptionHost: NestedOptionHost, optionHost: NestedOptionHost);
ngOnInit(): void;
ngOnDestroy(): void;
static ɵfac: i0.ɵɵFactoryDeclaration<DxoChartAdaptiveLayoutComponent, [{ host: true; skipSelf: true; }, { host: true; }]>;
static ɵcmp: i0.ɵɵComponentDeclaration<DxoChartAdaptiveLayoutComponent, "dxo-chart-adaptive-layout", never, { "height": { "alias": "height"; "required": false; }; "keepLabels": { "alias": "keepLabels"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, {}, never, never, true, never>;
}
declare class DxoChartAdaptiveLayoutModule {
static ɵfac: i0.ɵɵFactoryDeclaration<DxoChartAdaptiveLayoutModule, never>;
static ɵmod: i0.ɵɵNgModuleDeclaration<DxoChartAdaptiveLayoutModule, never, [typeof DxoChartAdaptiveLayoutComponent], [typeof DxoChartAdaptiveLayoutComponent]>;
static ɵinj: i0.ɵɵInjectorDeclaration<DxoChartAdaptiveLayoutModule>;
}
/*!
* devextreme-angular
* Version: 26.1.3
* Build date: Wed Jun 10 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
*/
declare class DxoChartAggregationIntervalComponent extends NestedOption implements OnDestroy, OnInit {
get days(): number;
set days(value: number);
get hours(): number;
set hours(value: number);
get milliseconds(): number;
set milliseconds(value: number);
get minutes(): number;
set minutes(value: number);
get months(): number;
set months(value: number);
get quarters(): number;
set quarters(value: number);
get seconds(): number;
set seconds(value: number);
get weeks(): number;
set weeks(value: number);
get years(): number;
set years(value: number);
protected get _optionPath(): string;
constructor(parentOptionHost: NestedOptionHost, optionHost: NestedOptionHost);
ngOnInit(): void;
ngOnDestroy(): void;
static ɵfac: i0.ɵɵFactoryDeclaration<DxoChartAggregationIntervalComponent, [{ host: true; skipSelf: true; }, { host: true; }]>;
static ɵcmp: i0.ɵɵComponentDeclaration<DxoChartAggregationIntervalComponent, "dxo-chart-aggregation-interval", never, { "days": { "alias": "days"; "required": false; }; "hours": { "alias": "hours"; "required": false; }; "milliseconds": { "alias": "milliseconds"; "required": false; }; "minutes": { "alias": "minutes"; "required": false; }; "months": { "alias": "months"; "required": false; }; "quarters": { "alias": "quarters"; "required": false; }; "seconds": { "alias": "seconds"; "required": false; }; "weeks": { "alias": "weeks"; "required": false; }; "years": { "alias": "years"; "required": false; }; }, {}, never, never, true, never>;
}
declare class DxoChartAggregationIntervalModule {
static ɵfac: i0.ɵɵFactoryDeclaration<DxoChartAggregationIntervalModule, never>;
static ɵmod: i0.ɵɵNgModuleDeclaration<DxoChartAggregationIntervalModule, never, [typeof DxoChartAggregationIntervalComponent], [typeof DxoChartAggregationIntervalComponent]>;
static ɵinj: i0.ɵɵInjectorDeclaration<DxoChartAggregationIntervalModule>;
}
/*!
* devextreme-angular
* Version: 26.1.3
* Build date: Wed Jun 10 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
*/
declare class DxoChartAggregationComponent extends NestedOption implements OnDestroy, OnInit {
get calculate(): ((aggregationInfo: chartPointAggregationInfoObject, series: chartSeriesObject) => Record<string, any> | Array<Record<string, any>>) | undefined;
set calculate(value: ((aggregationInfo: chartPointAggregationInfoObject, series: chartSeriesObject) => Record<string, any> | Array<Record<string, any>>) | undefined);
get enabled(): boolean;
set enabled(value: boolean);
get method(): ChartSeriesAggregationMethod;
set method(value: ChartSeriesAggregationMethod);
protected get _optionPath(): string;
constructor(parentOptionHost: NestedOptionHost, optionHost: NestedOptionHost);
ngOnInit(): void;
ngOnDestroy(): void;
static ɵfac: i0.ɵɵFactoryDeclaration<DxoChartAggregationComponent, [{ host: true; skipSelf: true; }, { host: true; }]>;
static ɵcmp: i0.ɵɵComponentDeclaration<DxoChartAggregationComponent, "dxo-chart-aggregation", never, { "calculate": { "alias": "calculate"; "required": false; }; "enabled": { "alias": "enabled"; "required": false; }; "method": { "alias": "method"; "required": false; }; }, {}, never, never, true, never>;
}
declare class DxoChartAggregationModule {
static ɵfac: i0.ɵɵFactoryDeclaration<DxoChartAggregationModule, never>;
static ɵmod: i0.ɵɵNgModuleDeclaration<DxoChartAggregationModule, never, [typeof DxoChartAggregationComponent], [typeof DxoChartAggregationComponent]>;
static ɵinj: i0.ɵɵInjectorDeclaration<DxoChartAggregationModule>;
}
/*!
* devextreme-angular
* Version: 26.1.3
* Build date: Wed Jun 10 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
*/
declare class DxoChartAnimationComponent extends NestedOption implements OnDestroy, OnInit {
get duration(): number;
set duration(value: number);
get easing(): AnimationEaseMode;
set easing(value: AnimationEaseMode);
get enabled(): boolean;
set enabled(value: boolean);
get maxPointCountSupported(): number;
set maxPointCountSupported(value: number);
protected get _optionPath(): string;
constructor(parentOptionHost: NestedOptionHost, optionHost: NestedOptionHost);
ngOnInit(): void;
ngOnDestroy(): void;
static ɵfac: i0.ɵɵFactoryDeclaration<DxoChartAnimationComponent, [{ host: true; skipSelf: true; }, { host: true; }]>;
static ɵcmp: i0.ɵɵComponentDeclaration<DxoChartAnimationComponent, "dxo-chart-animation", never, { "duration": { "alias": "duration"; "required": false; }; "easing": { "alias": "easing"; "required": false; }; "enabled": { "alias": "enabled"; "required": false; }; "maxPointCountSupported": { "alias": "maxPointCountSupported"; "required": false; }; }, {}, never, never, true, never>;
}
declare class DxoChartAnimationModule {
static ɵfac: i0.ɵɵFactoryDeclaration<DxoChartAnimationModule, never>;
static ɵmod: i0.ɵɵNgModuleDeclaration<DxoChartAnimationModule, never, [typeof DxoChartAnimationComponent], [typeof DxoChartAnimationComponent]>;
static ɵinj: i0.ɵɵInjectorDeclaration<DxoChartAnimationModule>;
}
/*!
* devextreme-angular
* Version: 26.1.3
* Build date: Wed Jun 10 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
*/
declare class DxoChartAnnotationBorderComponent extends NestedOption implements OnDestroy, OnInit {
get color(): string;
set color(value: string);
get cornerRadius(): number;
set cornerRadius(value: number);
get dashStyle(): DashStyle;
set dashStyle(value: DashStyle);
get opacity(): number | undefined;
set opacity(value: number | undefined);
get visible(): boolean;
set visible(value: boolean);
get width(): number;
set width(value: number);
protected get _optionPath(): string;
constructor(parentOptionHost: NestedOptionHost, optionHost: NestedOptionHost);
ngOnInit(): void;
ngOnDestroy(): void;
static ɵfac: i0.ɵɵFactoryDeclaration<DxoChartAnnotationBorderComponent, [{ host: true; skipSelf: true; }, { host: true; }]>;
static ɵcmp: i0.ɵɵComponentDeclaration<DxoChartAnnotationBorderComponent, "dxo-chart-annotation-border", never, { "color": { "alias": "color"; "required": false; }; "cornerRadius": { "alias": "cornerRadius"; "required": false; }; "dashStyle": { "alias": "dashStyle"; "required": false; }; "opacity": { "alias": "opacity"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, {}, never, never, true, never>;
}
declare class DxoChartAnnotationBorderModule {
static ɵfac: i0.ɵɵFactoryDeclaration<DxoChartAnnotationBorderModule, never>;
static ɵmod: i0.ɵɵNgModuleDeclaration<DxoChartAnnotationBorderModule, never, [typeof DxoChartAnnotationBorderComponent], [typeof DxoChartAnnotationBorderComponent]>;
static ɵinj: i0.ɵɵInjectorDeclaration<DxoChartAnnotationBorderModule>;
}
/*!
* devextreme-angular
* Version: 26.1.3
* Build date: Wed Jun 10 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
*/
declare class DxiChartAnnotationComponent extends CollectionNestedOption implements AfterViewInit, IDxTemplateHost {
private renderer;
private document;
private element;
get allowDragging(): boolean;
set allowDragging(value: boolean);
get argument(): Date | number | string | undefined;
set argument(value: Date | number | string | undefined);
get arrowLength(): number;
set arrowLength(value: number);
get arrowWidth(): number;
set arrowWidth(value: number);
get axis(): string | undefined;
set axis(value: string | undefined);
get border(): {
color?: string;
cornerRadius?: number;
dashStyle?: DashStyle;
opacity?: number | undefined;
visible?: boolean;
width?: number;
};
set border(value: {
color?: string;
cornerRadius?: number;
dashStyle?: DashStyle;
opacity?: number | undefined;
visible?: boolean;
width?: number;
});
get color(): string;
set color(value: string);
get customizeTooltip(): ((annotation: dxChartAnnotationConfig | any) => Record<string, any>) | undefined;
set customizeTooltip(value: ((annotation: dxChartAnnotationConfig | any) => Record<string, any>) | undefined);
get data(): any;
set data(value: any);
get description(): string | undefined;
set description(value: string | undefined);
get font(): Font;
set font(value: Font);
get height(): number | undefined;
set height(value: number | undefined);
get image(): string | {
height?: number;
url?: string | undefined;
width?: number;
};
set image(value: string | {
height?: number;
url?: string | undefined;
width?: number;
});
get name(): string | undefined;
set name(value: string | undefined);
get offsetX(): number | undefined;
set offsetX(value: number | undefined);
get offsetY(): number | undefined;
set offsetY(value: number | undefined);
get opacity(): number;
set opacity(value: number);
get paddingLeftRight(): number;
set paddingLeftRight(value: number);
get paddingTopBottom(): number;
set paddingTopBottom(value: number);
get series(): string | undefined;
set series(value: string | undefined);
get shadow(): {
blur?: number;
color?: string;
offsetX?: number;
offsetY?: number;
opacity?: number;
};
set shadow(value: {
blur?: number;
color?: string;
offsetX?: number;
offsetY?: number;
opacity?: number;
});
get template(): any;
set template(value: any);
get text(): string | undefined;
set text(value: string | undefined);
get textOverflow(): TextOverflow;
set textOverflow(value: TextOverflow);
get tooltipEnabled(): boolean;
set tooltipEnabled(value: boolean);
get tooltipTemplate(): any;
set tooltipTemplate(value: any);
get type(): AnnotationType | undefined;
set type(value: AnnotationType | undefined);
get value(): Date | number | string | undefined;
set value(value: Date | number | string | undefined);
get width(): number | undefined;
set width(value: number | undefined);
get wordWrap(): WordWrap;
set wordWrap(value: WordWrap);
get x(): number | undefined;
set x(value: number | undefined);
get y(): number | undefined;
set y(value: number | undefined);
protected get _optionPath(): string;
constructor(parentOptionHost: NestedOptionHost, optionHost: NestedOptionHost, renderer: Renderer2, document: any, templateHost: DxTemplateHost, element: ElementRef);
setTemplate(template: DxTemplateDirective): void;
ngAfterViewInit(): void;
ngOnDestroy(): void;
static ɵfac: i0.ɵɵFactoryDeclaration<DxiChartAnnotationComponent, [{ host: true; skipSelf: true; }, { host: true; }, null, null, { host: true; }, null]>;
static ɵcmp: i0.ɵɵComponentDeclaration<DxiChartAnnotationComponent, "dxi-chart-annotation", never, { "allowDragging": { "alias": "allowDragging"; "required": false; }; "argument": { "alias": "argument"; "required": false; }; "arrowLength": { "alias": "arrowLength"; "required": false; }; "arrowWidth": { "alias": "arrowWidth"; "required": false; }; "axis": { "alias": "axis"; "required": false; }; "border": { "alias": "border"; "required": false; }; "color": { "alias": "color"; "required": false; }; "customizeTooltip": { "alias": "customizeTooltip"; "required": false; }; "data": { "alias": "data"; "required": false; }; "description": { "alias": "description"; "required": false; }; "font": { "alias": "font"; "required": false; }; "height": { "alias": "height"; "required": false; }; "image": { "alias": "image"; "required": false; }; "name": { "alias": "name"; "required": false; }; "offsetX": { "alias": "offsetX"; "required": false; }; "offsetY": { "alias": "offsetY"; "required": false; }; "opacity": { "alias": "opacity"; "required": false; }; "paddingLeftRight": { "alias": "paddingLeftRight"; "required": false; }; "paddingTopBottom": { "alias": "paddingTopBottom"; "required": false; }; "series": { "alias": "series"; "required": false; }; "shadow": { "alias": "shadow"; "required": false; }; "template": { "alias": "template"; "required": false; }; "text": { "alias": "text"; "required": false; }; "textOverflow": { "alias": "textOverflow"; "required": false; }; "tooltipEnabled": { "alias": "tooltipEnabled"; "required": false; }; "tooltipTemplate": { "alias": "tooltipTemplate"; "required": false; }; "type": { "alias": "type"; "required": false; }; "value": { "alias": "value"; "required": false; }; "width": { "alias": "width"; "required": false; }; "wordWrap": { "alias": "wordWrap"; "required": false; }; "x": { "alias": "x"; "required": false; }; "y": { "alias": "y"; "required": false; }; }, {}, never, ["*"], true, never>;
}
declare class DxiChartAnnotationModule {
static ɵfac: i0.ɵɵFactoryDeclaration<DxiChartAnnotationModule, never>;
static ɵmod: i0.ɵɵNgModuleDeclaration<DxiChartAnnotationModule, never, [typeof DxiChartAnnotationComponent], [typeof DxiChartAnnotationComponent]>;
static ɵinj: i0.ɵɵInjectorDeclaration<DxiChartAnnotationModule>;
}
/*!
* devextreme-angular
* Version: 26.1.3
* Build date: Wed Jun 10 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
*/
declare class DxoChartAnnotationImageComponent extends NestedOption implements OnDestroy, OnInit {
get height(): number;
set height(value: number);
get url(): string | undefined;
set url(value: string | undefined);
get width(): number;
set width(value: number);
protected get _optionPath(): string;
constructor(parentOptionHost: NestedOptionHost, optionHost: NestedOptionHost);
ngOnInit(): void;
ngOnDestroy(): void;
static ɵfac: i0.ɵɵFactoryDeclaration<DxoChartAnnotationImageComponent, [{ host: true; skipSelf: true; }, { host: true; }]>;
static ɵcmp: i0.ɵɵComponentDeclaration<DxoChartAnnotationImageComponent, "dxo-chart-annotation-image", never, { "height": { "alias": "height"; "required": false; }; "url": { "alias": "url"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, {}, never, never, true, never>;
}
declare class DxoChartAnnotationImageModule {
static ɵfac: i0.ɵɵFactoryDeclaration<DxoChartAnnotationImageModule, never>;
static ɵmod: i0.ɵɵNgModuleDeclaration<DxoChartAnnotationImageModule, never, [typeof DxoChartAnnotationImageComponent], [typeof DxoChartAnnotationImageComponent]>;
static ɵinj: i0.ɵɵInjectorDeclaration<DxoChartAnnotationImageModule>;
}
/*!
* devextreme-angular
* Version: 26.1.3
* Build date: Wed Jun 10 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
*/
declare class DxoChartArgumentAxisComponent extends NestedOption implements OnDestroy, OnInit {
set _breaksContentChildren(value: QueryList<CollectionNestedOption>);
set _constantLinesContentChildren(value: QueryList<CollectionNestedOption>);
set _stripsContentChildren(value: QueryList<CollectionNestedOption>);
get aggregatedPointsPosition(): AggregatedPointsPosition;
set aggregatedPointsPosition(value: AggregatedPointsPosition);
get aggregationGroupWidth(): number | undefined;
set aggregationGroupWidth(value: number | undefined);
get aggregationInterval(): number | TimeInterval | {
days?: number;
hours?: number;
milliseconds?: number;
minutes?: number;
months?: number;
quarters?: number;
seconds?: number;
weeks?: number;
years?: number;
};
set aggregationInterval(value: number | TimeInterval | {
days?: number;
hours?: number;
milliseconds?: number;
minutes?: number;
months?: number;
quarters?: number;
seconds?: number;
weeks?: number;
years?: number;
});
get allowDecimals(): boolean | undefined;
set allowDecimals(value: boolean | undefined);
get argumentType(): ChartsDataType | undefined;
set argumentType(value: ChartsDataType | undefined);
get axisDivisionFactor(): number;
set axisDivisionFactor(value: number);
get breaks(): Array<ScaleBreak> | {
endValue?: Date | number | string | undefined;
startValue?: Date | number | string | undefined;
}[];
set breaks(value: Array<ScaleBreak> | {
endValue?: Date | number | string | undefined;
startValue?: Date | number | string | undefined;
}[]);
get breakStyle(): {
color?: string;
line?: ScaleBreakLineStyle;
width?: number;
};
set breakStyle(value: {
color?: string;
line?: ScaleBreakLineStyle;
width?: number;
});
get categories(): Array<Date | number | string>;
set categories(value: Array<Date | number | string>);
get color(): string;
set color(value: string);
get 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;
}[];
set constantLines(value: {
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;
}[]);
get constantLineStyle(): {
color?: string;
dashStyle?: DashStyle;
label?: {
font?: Font;
horizontalAlignment?: HorizontalAlignment;
position?: RelativePosition;
verticalAlignment?: VerticalAlignment;
visible?: boolean;
};
paddingLeftRight?: number;
paddingTopBottom?: number;
width?: number;
};
set constantLineStyle(value: {
color?: string;
dashStyle?: DashStyle;
label?: {
font?: Font;
horizontalAlignment?: HorizontalAlignment;
position?: RelativePosition;
verticalAlignment?: VerticalAlignment;
visible?: boolean;
};
paddingLeftRight?: number;
paddingTopBottom?: number;
width?: number;
});
get customPosition(): Date | number | string | undefined;
set customPosition(value: Date | number | string | undefined);
get customPositionAxis(): string | undefined;
set customPositionAxis(value: string | undefined);
get discreteAxisDivisionMode(): DiscreteAxisDivisionMode;
set discreteAxisDivisionMode(value: DiscreteAxisDivisionMode);
get endOnTick(): boolean;
set endOnTick(value: boolean);
get grid(): {
color?: string;
opacity?: number | undefined;
visible?: boolean;
width?: number;
};
set grid(value: {
color?: string;
opacity?: number | undefined;
visible?: boolean;
width?: number;
});
get holidays(): Array<Date | string> | Array<number>;
set holidays(value: Array<Date | string> | Array<number>);
get hoverMode(): ArgumentAxisHoverMode;
set hoverMode(value: ArgumentAxisHoverMode);
get inverted(): boolean;
set inverted(value: boolean);
get 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;
};
set label(value: {
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;
});
get linearThreshold(): number | undefined;
set linearThreshold(value: number | undefined);
get logarithmBase(): number;
set logarithmBase(value: number);
get maxValueMargin(): number | undefined;
set maxValueMargin(value: number | undefined);
get minorGrid(): {
color?: string;
opacity?: number | undefined;
visible?: boolean;
width?: number;
};
set minorGrid(value: {
color?: string;
opacity?: number | undefined;
visible?: boolean;
width?: number;
});
get minorTick(): {
color?: string;
length?: number;
opacity?: number;
shift?: number;
visible?: boolean;
width?: number;
};
set minorTick(value: {
color?: string;
length?: number;
opacity?: number;
shift?: number;
visible?: boolean;
width?: number;
});
get minorTickCount(): number | undefined;
set minorTickCount(value: number | undefined);
get minorTickInterval(): number | TimeInterval | {
days?: number;
hours?: number;
milliseconds?: number;
minutes?: number;
months?: number;
quarters?: number;
seconds?: number;
weeks?: number;
years?: number;
};
set minorTickInterval(value: number | TimeInterval | {
days?: number;
hours?: number;
milliseconds?: number;
minutes?: number;
months?: number;
quarters?: number;
seconds?: number;
weeks?: number;
years?: number;
});
get minValueMargin(): number | undefined;
set minValueMargin(value: number | undefined);
get minVisualRangeLength(): number | TimeInterval | undefined | {
days?: number;
hours?: number;
milliseconds?: number;
minutes?: number;
months?: number;
quarters?: number;
seconds?: number;
weeks?: number;
years?: number;
};
set minVisualRangeLength(value: number | TimeInterval | undefined | {
days?: number;
hours?: number;
milliseconds?: number;
minutes?: number;
months?: number;
quarters?: number;
seconds?: number;
weeks?: number;
years?: number;
});
get offset(): number | undefined;
set offset(value: number | undefined);
get opacity(): number | undefined;
set opacity(value: number | undefined);
get placeholderSize(): number;
set placeholderSize(value: number);
get position(): Position;
set position(value: Position);
get singleWorkdays(): Array<Date | string> | Array<number>;
set singleWorkdays(value: Array<Date | string> | Array<number>);
get 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;
}[];
set strips(value: {
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;
}[]);
get stripStyle(): {
label?: {
font?: Font;
horizontalAlignment?: HorizontalAlignment;
verticalAlignment?: VerticalAlignment;
};
paddingLeftRight?: number;
paddingTopBottom?: number;
};
set stripStyle(value: {
label?: {
font?: Font;
horizontalAlignment?: HorizontalAlignment;
verticalAlignment?: VerticalAlignment;
};
paddingLeftRight?: number;
paddingTopBottom?: number;
});
get tick(): {
color?: string;
length?: number;
opacity?: number | undefined;
shift?: number;
visible?: boolean;
width?: number;
};
set tick(value: {
color?: string;
length?: number;
opacity?: number | undefined;
shift?: number;
visible?: boolean;
width?: number;
});
get tickInterval(): number | TimeInterval | {
days?: number;
hours?: number;
milliseconds?: number;
minutes?: number;
months?: number;
quarters?: number;
seconds?: number;
weeks?: number;
years?: number;
};
set tickInterval(value: number | TimeInterval | {
days?: number;
hours?: number;
milliseconds?: number;
minutes?: number;
months?: number;
quarters?: number;
seconds?: number;
weeks?: number;
years?: number;
});
get title(): string | {
alignment?: HorizontalAlignment;
font?: Font;
margin?: number;
text?: string | undefined;
textOverflow?: TextOverflow;
wordWrap?: WordWrap;
};
set title(value: string | {
alignment?: HorizontalAlignment;
font?: Font;
margin?: number;
text?: string | undefined;
textOverflow?: TextOverflow;
wordWrap?: WordWrap;
});
get type(): AxisScaleType | undefined;
set type(value: AxisScaleType | undefined);
get valueMarginsEnabled(): boolean;
set valueMarginsEnabled(value: boolean);
get visible(): boolean;
set visible(value: boolean);
get visualRange(): Array<Date | number | string> | CommonChartTypes.VisualRange;
set visualRange(value: Array<Date | number | string> | CommonChartTypes.VisualRange);
get visualRangeUpdateMode(): VisualRangeUpdateMode;
set visualRangeUpdateMode(value: VisualRangeUpdateMode);
get wholeRange(): Array<Date | number | string> | undefined | CommonChartTypes.VisualRange;
set wholeRange(value: Array<Date | number | string> | undefined | CommonChartTypes.VisualRange);
get width(): number;
set width(value: number);
get workdaysOnly(): boolean;
set workdaysOnly(value: boolean);
get workWeek(): Array<number>;
set workWeek(value: Array<number>);
/**
* This member supports the internal infrastructure and is not intended to be used directly from your code.
*/
categoriesChange: EventEmitter<Array<Date | number | string>>;
/**
* This member supports the internal infrastructure and is not intended to be used directly from your code.
*/
visualRangeChange: EventEmitter<Array<Date | number | string> | CommonChartTypes.VisualRange>;
protected get _optionPath(): string;
constructor(parentOptionHost: NestedOptionHost, optionHost: NestedOptionHost);
ngOnInit(): void;
ngOnDestroy(): void;
static ɵfac: i0.ɵɵFactoryDeclaration<DxoChartArgumentAxisComponent, [{ host: true; skipSelf: true; }, { host: true; }]>;
static ɵcmp: i0.ɵɵComponentDeclaration<DxoChartArgumentAxisComponent, "dxo-chart-argument-axis", never, { "aggregatedPointsPosition": { "alias": "aggregatedPointsPosition"; "required": false; }; "aggregationGroupWidth": { "alias": "aggregationGroupWidth"; "required": false; }; "aggregationInterval": { "alias": "aggregationInterval"; "required": false; }; "allowDecimals": { "alias": "allowDecimals"; "required": false; }; "argumentType": { "alias": "argumentType"; "required": false; }; "axisDivisionFactor": { "alias": "axisDivisionFactor"; "required": false; }; "breaks": { "alias": "breaks"; "required": false; }; "breakStyle": { "alias": "breakStyle"; "required": false; }; "categories": { "alias": "categories"; "required": false; }; "color": { "alias": "color"; "required": false; }; "constantLines": { "alias": "constantLines"; "required": false; }; "constantLineStyle": { "alias": "constantLineStyle"; "required": false; }; "customPosition": { "alias": "customPosition"; "required": false; }; "customPositionAxis": { "alias": "customPositionAxis"; "required": false; }; "discreteAxisDivisionMode": { "alias": "discreteAxisDivisionMode"; "required": false; }; "endOnTick": { "alias": "endOnTick"; "required": false; }; "grid": { "alias": "grid"; "required": false; }; "holidays": { "alias": "holidays"; "required": false; }; "hoverMode": { "alias": "hoverMode"; "required": false; }; "inverted": { "alias": "inverted"; "required": false; }; "label": { "alias": "label"; "required": false; }; "linearThreshold": { "alias": "linearThreshold"; "required": false; }; "logarithmBase": { "alias": "logarithmBase"; "required": false; }; "maxValueMargin": { "alias": "maxValueMargin"; "required": false; }; "minorGrid": { "alias": "minorGrid"; "required": false; }; "minorTick": { "alias": "minorTick"; "required": false; }; "minorTickCount": { "alias": "minorTickCount"; "required": false; }; "minorTickInterval": { "alias": "minorTickInterval"; "required": false; }; "minValueMargin": { "alias": "minValueMargin"; "required": false; }; "minVisualRangeLength": { "alias": "minVisualRangeLength"; "required": false; }; "offset": { "alias": "offset"; "required": false; }; "opacity": { "alias": "opacity"; "required": false; }; "placeholderSize": { "alias": "placeholderSize"; "required": false; }; "position": { "alias": "position"; "required": false; }; "singleWorkdays": { "alias": "singleWorkdays"; "required": false; }; "strips": { "alias": "strips"; "required": false; }; "stripStyle": { "alias": "stripStyle"; "required": false; }; "tick": { "alias": "tick"; "required": false; }; "tickInterval": { "alias": "tickInterval"; "required": false; }; "title": { "alias": "title"; "required": false; }; "type": { "alias": "type"; "required": false; }; "valueMarginsEnabled": { "alias": "valueMarginsEnabled"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; "visualRange": { "alias": "visualRange"; "required": false; }; "visualRangeUpdateMode": { "alias": "visualRangeUpdateMode"; "required": false; }; "wholeRange": { "alias": "wholeRange"; "required": false; }; "width": { "alias": "width"; "required": false; }; "workdaysOnly": { "alias": "workdaysOnly"; "required": false; }; "workWeek": { "alias": "workWeek"; "required": false; }; }, { "categoriesChange": "categoriesChange"; "visualRangeChange": "visualRangeChange"; }, ["_breaksContentChildren", "_constantLinesContentChildren", "_stripsContentChildren"], never, true, never>;
}
declare class DxoChartArgumentAxisModule {
static ɵfac: i0.ɵɵFactoryDeclaration<DxoChartArgumentAxisModule, never>;
static ɵmod: i0.ɵɵNgModuleDeclaration<DxoChartArgumentAxisModule, never, [typeof DxoChartArgumentAxisComponent], [typeof DxoChartArgumentAxisComponent]>;
static ɵinj: i0.ɵɵInjectorDeclaration<DxoChartArgumentAxisModule>;
}
/*!
* devextreme-angular
* Version: 26.1.3
* Build date: Wed Jun 10 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
*/
declare class DxoChartArgumentFormatComponent extends NestedOption implements OnDestroy, OnInit {
get currency(): string;
set currency(value: string);
get formatter(): ((value: number | Date) => string);
set formatter(value: ((value: number | Date) => string));
get parser(): ((value: string) => number | Date);
set parser(value: ((value: string) => number | Date));
get precision(): number;
set precision(value: number);
get type(): Format$1 | string;
set type(value: Format$1 | string);
get useCurrencyAccountingStyle(): boolean;
set useCurrencyAccountingStyle(value: boolean);
protected get _optionPath(): string;
constructor(parentOptionHost: NestedOptionHost, optionHost: NestedOptionHost);
ngOnInit(): void;
ngOnDestroy(): void;
static ɵfac: i0.ɵɵFactoryDeclaration<DxoChartArgumentFormatComponent, [{ host: true; skipSelf: true; }, { host: true; }]>;
static ɵcmp: i0.ɵɵComponentDeclaration<DxoChartArgumentFormatComponent, "dxo-chart-argument-format", never, { "currency": { "alias": "currency"; "required": false; }; "formatter": { "alias": "formatter"; "required": false; }; "parser": { "alias": "parser"; "required": false; }; "precision": { "alias": "precision"; "required": false; }; "type": { "alias": "type"; "required": false; }; "useCurrencyAccountingStyle": { "alias": "useCurrencyAccountingStyle"; "required": false; }; }, {}, never, never, true, never>;
}
declare class DxoChartArgumentFormatModule {
static ɵfac: i0.ɵɵFactoryDeclaration<DxoChartArgumentFormatModule, never>;
static ɵmod: i0.ɵɵNgModuleDeclaration<DxoChartArgumentFormatModule, never, [typeof DxoChartArgumentFormatComponent], [typeof DxoChartArgumentFormatComponent]>;
static ɵinj: i0.ɵɵInjectorDeclaration<DxoChartArgumentFormatModule>;
}
/*!
* devextreme-angular
* Version: 26.1.3
* Build date: Wed Jun 10 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
*/
declare class DxoChartAxisConstantLineStyleLabelComponent extends NestedOption implements OnDestroy, OnInit {
get font(): Font;
set font(value: Font);
get horizontalAlignment(): HorizontalAlignment;
set horizontalAlignment(value: HorizontalAlignment);
get position(): RelativePosition;
set position(value: RelativePosition);
get verticalAlignment(): VerticalAlignment;
set verticalAlignment(value: VerticalAlignment);
get visible(): boolean;
set visible(value: boolean);
protected get _optionPath(): string;
constructor(parentOptionHost: NestedOptionHost, optionHost: NestedOptionHost);
ngOnInit(): void;
ngOnDestroy(): void;
static ɵfac: i0.ɵɵFactoryDeclaration<DxoChartAxisConstantLineStyleLabelComponent, [{ host: true; skipSelf: true; }, { host: true; }]>;
static ɵcmp: i0.ɵɵComponentDeclaration<DxoChartAxisConstantLineStyleLabelComponent, "dxo-chart-axis-constant-line-style-label", never, { "font": { "alias": "font"; "required": false; }; "horizontalAlignment": { "alias": "horizontalAlignment"; "required": false; }; "position": { "alias": "position"; "required": false; }; "verticalAlignment": { "alias": "verticalAlignment"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; }, {}, never, never, true, never>;
}
declare class DxoChartAxisConstantLineStyleLabelModule {
static ɵfac: i0.ɵɵFactoryDeclaration<DxoChartAxisConstantLineStyleLabelModule, never>;
static ɵmod: i0.ɵɵNgModuleDeclaration<DxoChartAxisConstantLineStyleLabelModule, never, [typeof DxoChartAxisConstantLineStyleLabelComponent], [typeof DxoChartAxisConstantLineStyleLabelComponent]>;
static ɵinj: i0.ɵɵInjectorDeclaration<DxoChartAxisConstantLineStyleLabelModule>;
}
/*!
* devextreme-angular
* Version: 26.1.3
* Build date: Wed Jun 10 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
*/
declare class DxoChartAxisConstantLineStyleComponent extends NestedOption implements OnDestroy, OnInit {
get color(): string;
set color(value: string);
get dashStyle(): DashStyle;
set dashStyle(value: DashStyle);
get label(): {
font?: Font;
horizontalAlignment?: HorizontalAlignment;
position?: RelativePosition;
verticalAlignment?: VerticalAlignment;
visible?: boolean;
};
set label(value: {
font?: Font;
horizontalAlignment?: HorizontalAlignment;
position?: RelativePosition;
verticalAlignment?: VerticalAlignment;
visible?: boolean;
});
get paddingLeftRight(): number;
set paddingLeftRight(value: number);
get paddingTopBottom(): number;
set paddingTopBottom(value: number);
get width(): number;
set width(value: number);
protected get _optionPath(): string;
constructor(parentOptionHost: NestedOptionHost, optionHost: NestedOptionHost);
ngOnInit(): void;
ngOnDestroy(): void;
static ɵfac: i0.ɵɵFactoryDeclaration<DxoChartAxisConstantLineStyleComponent, [{ host: true; skipSelf: true; }, { host: true; }]>;
static ɵcmp: i0.ɵɵComponentDeclaration<DxoChartAxisConstantLineStyleComponent, "dxo-chart-axis-constant-line-style", never, { "color": { "alias": "color"; "required": false; }; "dashStyle": { "alias": "dashStyle"; "required": false; }; "label": { "alias": "label"; "required": false; }; "paddingLeftRight": { "alias": "paddingLeftRight"; "required": false; }; "paddingTopBottom": { "alias": "paddingTopBottom"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, {}, never, never, true, never>;
}
declare class DxoChartAxisConstantLineStyleModule {
static ɵfac: i0.ɵɵFactoryDeclaration<DxoChartAxisConstantLineStyleModule, never>;
static ɵmod: i0.ɵɵNgModuleDeclaration<DxoChartAxisConstantLineStyleModule, never, [typeof DxoChartAxisConstantLineStyleComponent], [typeof DxoChartAxisConstantLineStyleComponent]>;
static ɵinj: i0.ɵɵInjectorDeclaration<DxoChartAxisConstantLineStyleModule>;
}
/*!
* devextreme-angular
* Version: 26.1.3
* Build date: Wed Jun 10 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
*/
declare class DxoChartAxisLabelComponent extends NestedOption implements AfterViewInit, OnDestroy, OnInit, IDxTemplateHost {
private renderer;
private document;
private element;
get alignment(): HorizontalAlignment | undefined;
set alignment(value: HorizontalAlignment | undefined);
get customizeHint(): ((argument: {
value: Date | number | string;
valueText: string;
}) => string);
set customizeHint(value: ((argument: {
value: Date | number | string;
valueText: string;
}) => string));
get customizeText(): ((argument: {
value: Date | number | string;
valueText: string;
}) => string);
set customizeText(value: ((argument: {
value: Date | number | string;
valueText: string;
}) => string));
get displayMode(): ChartLabelDisplayMode;
set displayMode(value: ChartLabelDisplayMode);
get font(): Font;
set font(value: Font);
get format(): Format | undefined;
set format(value: Format | undefined);
get indentFromAxis(): number;
set indentFromAxis(value: number);
get overlappingBehavior(): ChartsAxisLabelOverlap;
set overlappingBehavior(value: ChartsAxisLabelOverlap);
get position(): Position | RelativePosition;
set position(value: Position | RelativePosition);
get rotationAngle(): number;
set rotationAngle(value: number);
get staggeringSpacing(): number;
set staggeringSpacing(value: number);
get template(): any;
set template(value: any);
get textOverflow(): TextOverflow;
set textOverflow(value: TextOverflow);
get visible(): boolean;
set visible(value: boolean);
get wordWrap(): WordWrap;
set wordWrap(value: WordWrap);
protected get _optionPath(): string;
constructor(parentOptionHost: NestedOptionHost, optionHost: NestedOptionHost, renderer: Renderer2, document: any, templateHost: DxTemplateHost, element: ElementRef);
setTemplate(template: DxTemplateDirective): void;
ngAfterViewInit(): void;
ngOnInit(): void;
ngOnDestroy(): void;
static ɵfac: i0.ɵɵFactoryDeclaration<DxoChartAxisLabelComponent, [{ host: true; skipSelf: true; }, { host: true; }, null, null, { host: true; }, null]>;
static ɵcmp: i0.ɵɵComponentDeclaration<DxoChartAxisLabelComponent, "dxo-chart-axis-label", never, { "alignment": { "alias": "alignment"; "required": false; }; "customizeHint": { "alias": "customizeHint"; "required": false; }; "customizeText": { "alias": "customizeText"; "required": false; }; "displayMode": { "alias": "displayMode"; "required": false; }; "font": { "alias": "font"; "required": false; }; "format": { "alias": "format"; "required": false; }; "indentFromAxis": { "alias": "indentFromAxis"; "required": false; }; "overlappingBehavior": { "alias": "overlappingBehavior"; "required": false; }; "position": { "alias": "position"; "required": false; }; "rotationAngle": { "alias": "rotationAngle"; "required": false; }; "staggeringSpacing": { "alias": "staggeringSpacing"; "required": false; }; "template": { "alias": "template"; "required": false; }; "textOverflow": { "alias": "textOverflow"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; "wordWrap": { "alias": "wordWrap"; "required": false; }; }, {}, never, ["*"], true, never>;
}
declare class DxoChartAxisLabelModule {
static ɵfac: i0.ɵɵFactoryDeclaration<DxoChartAxisLabelModule, never>;
static ɵmod: i0.ɵɵNgModuleDeclaration<DxoChartAxisLabelModule, never, [typeof DxoChartAxisLabelComponent], [typeof DxoChartAxisLabelComponent]>;
static ɵinj: i0.ɵɵInjectorDeclaration<DxoChartAxisLabelModule>;
}
/*!
* devextreme-angular
* Version: 26.1.3
* Build date: Wed Jun 10 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
*/
declare class DxoChartAxisTitleComponent extends NestedOption implements OnDestroy, OnInit {
get alignment(): HorizontalAlignment;
set alignment(value: HorizontalAlignment);
get font(): Font;
set font(value: Font);
get margin(): number;
set margin(value: number);
get text(): string | undefined;
set text(value: string | undefined);
get textOverflow(): TextOverflow;
set textOverflow(value: TextOverflow);
get wordWrap(): WordWrap;
set wordWrap(value: WordWrap);
protected get _optionPath(): string;
constructor(parentOptionHost: NestedOptionHost, optionHost: NestedOptionHost);
ngOnInit(): void;
ngOnDestroy(): void;
static ɵfac: i0.ɵɵFactoryDeclaration<DxoChartAxisTitleComponent, [{ host: true; skipSelf: true; }, { host: true; }]>;
static ɵcmp: i0.ɵɵComponentDeclaration<DxoChartAxisTitleComponent, "dxo-chart-axis-title", never, { "alignment": { "alias": "alignment"; "required": false; }; "font": { "alias": "font"; "required": false; }; "margin": { "alias": "margin"; "required": false; }; "text": { "alias": "text"; "required": false; }; "textOverflow": { "alias": "textOverflow"; "required": false; }; "wordWrap": { "alias": "wordWrap"; "required": false; }; }, {}, never, never, true, never>;
}
declare class DxoChartAxisTitleModule {
static ɵfac: i0.ɵɵFactoryDeclaration<DxoChartAxisTitleModule, never>;
static ɵmod: i0.ɵɵNgModuleDeclaration<DxoChartAxisTitleModule, never, [typeo