devextreme-angular
Version:
DevExtreme UI and Visualization Components for Angular
1,032 lines (1,000 loc) • 210 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 * as CommonChartTypes from 'devextreme/common/charts';
import { AnimationEaseMode, DashStyle, Font, TextOverflow, AnnotationType, WordWrap, ChartsDataType, DiscreteAxisDivisionMode, ArgumentAxisHoverMode, LabelOverlap, TimeInterval, AxisScaleType, ChartsColor, HatchDirection, RelativePosition, SeriesHoverMode, PointInteractionMode, PointSymbol, SeriesSelectionMode, ValueErrorBarDisplayMode, ValueErrorBarType, LegendItem, LegendHoverMode, ValueAxisVisualRangeUpdateMode } from 'devextreme/common/charts';
import { dxPolarChartAnnotationConfig, PolarChartSeriesType, PolarChartSeries, dxPolarChartPointInfo } from 'devextreme/viz/polar_chart';
import { Format } from 'devextreme/common/core/localization';
import { Format as Format$1, ExportFormat, HorizontalAlignment, VerticalEdge, Position, Orientation } from 'devextreme/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 DxoPolarChartAdaptiveLayoutComponent 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<DxoPolarChartAdaptiveLayoutComponent, [{ host: true; skipSelf: true; }, { host: true; }]>;
static ɵcmp: i0.ɵɵComponentDeclaration<DxoPolarChartAdaptiveLayoutComponent, "dxo-polar-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 DxoPolarChartAdaptiveLayoutModule {
static ɵfac: i0.ɵɵFactoryDeclaration<DxoPolarChartAdaptiveLayoutModule, never>;
static ɵmod: i0.ɵɵNgModuleDeclaration<DxoPolarChartAdaptiveLayoutModule, never, [typeof DxoPolarChartAdaptiveLayoutComponent], [typeof DxoPolarChartAdaptiveLayoutComponent]>;
static ɵinj: i0.ɵɵInjectorDeclaration<DxoPolarChartAdaptiveLayoutModule>;
}
/*!
* 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 DxoPolarChartAnimationComponent 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<DxoPolarChartAnimationComponent, [{ host: true; skipSelf: true; }, { host: true; }]>;
static ɵcmp: i0.ɵɵComponentDeclaration<DxoPolarChartAnimationComponent, "dxo-polar-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 DxoPolarChartAnimationModule {
static ɵfac: i0.ɵɵFactoryDeclaration<DxoPolarChartAnimationModule, never>;
static ɵmod: i0.ɵɵNgModuleDeclaration<DxoPolarChartAnimationModule, never, [typeof DxoPolarChartAnimationComponent], [typeof DxoPolarChartAnimationComponent]>;
static ɵinj: i0.ɵɵInjectorDeclaration<DxoPolarChartAnimationModule>;
}
/*!
* 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 DxoPolarChartAnnotationBorderComponent 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<DxoPolarChartAnnotationBorderComponent, [{ host: true; skipSelf: true; }, { host: true; }]>;
static ɵcmp: i0.ɵɵComponentDeclaration<DxoPolarChartAnnotationBorderComponent, "dxo-polar-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 DxoPolarChartAnnotationBorderModule {
static ɵfac: i0.ɵɵFactoryDeclaration<DxoPolarChartAnnotationBorderModule, never>;
static ɵmod: i0.ɵɵNgModuleDeclaration<DxoPolarChartAnnotationBorderModule, never, [typeof DxoPolarChartAnnotationBorderComponent], [typeof DxoPolarChartAnnotationBorderComponent]>;
static ɵinj: i0.ɵɵInjectorDeclaration<DxoPolarChartAnnotationBorderModule>;
}
/*!
* 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 DxiPolarChartAnnotationComponent extends CollectionNestedOption implements AfterViewInit, IDxTemplateHost {
private renderer;
private document;
private element;
get allowDragging(): boolean;
set allowDragging(value: boolean);
get angle(): number | undefined;
set angle(value: number | undefined);
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 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: dxPolarChartAnnotationConfig | any) => Record<string, any>) | undefined;
set customizeTooltip(value: ((annotation: dxPolarChartAnnotationConfig | 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 radius(): number | undefined;
set radius(value: number | undefined);
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<DxiPolarChartAnnotationComponent, [{ host: true; skipSelf: true; }, { host: true; }, null, null, { host: true; }, null]>;
static ɵcmp: i0.ɵɵComponentDeclaration<DxiPolarChartAnnotationComponent, "dxi-polar-chart-annotation", never, { "allowDragging": { "alias": "allowDragging"; "required": false; }; "angle": { "alias": "angle"; "required": false; }; "argument": { "alias": "argument"; "required": false; }; "arrowLength": { "alias": "arrowLength"; "required": false; }; "arrowWidth": { "alias": "arrowWidth"; "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; }; "radius": { "alias": "radius"; "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 DxiPolarChartAnnotationModule {
static ɵfac: i0.ɵɵFactoryDeclaration<DxiPolarChartAnnotationModule, never>;
static ɵmod: i0.ɵɵNgModuleDeclaration<DxiPolarChartAnnotationModule, never, [typeof DxiPolarChartAnnotationComponent], [typeof DxiPolarChartAnnotationComponent]>;
static ɵinj: i0.ɵɵInjectorDeclaration<DxiPolarChartAnnotationModule>;
}
/*!
* 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 DxoPolarChartArgumentAxisMinorTickComponent extends NestedOption implements OnDestroy, OnInit {
get color(): string;
set color(value: string);
get length(): number;
set length(value: number);
get opacity(): number;
set opacity(value: number);
get shift(): number;
set shift(value: number);
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<DxoPolarChartArgumentAxisMinorTickComponent, [{ host: true; skipSelf: true; }, { host: true; }]>;
static ɵcmp: i0.ɵɵComponentDeclaration<DxoPolarChartArgumentAxisMinorTickComponent, "dxo-polar-chart-argument-axis-minor-tick", never, { "color": { "alias": "color"; "required": false; }; "length": { "alias": "length"; "required": false; }; "opacity": { "alias": "opacity"; "required": false; }; "shift": { "alias": "shift"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, {}, never, never, true, never>;
}
declare class DxoPolarChartArgumentAxisMinorTickModule {
static ɵfac: i0.ɵɵFactoryDeclaration<DxoPolarChartArgumentAxisMinorTickModule, never>;
static ɵmod: i0.ɵɵNgModuleDeclaration<DxoPolarChartArgumentAxisMinorTickModule, never, [typeof DxoPolarChartArgumentAxisMinorTickComponent], [typeof DxoPolarChartArgumentAxisMinorTickComponent]>;
static ɵinj: i0.ɵɵInjectorDeclaration<DxoPolarChartArgumentAxisMinorTickModule>;
}
/*!
* 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 DxoPolarChartArgumentAxisTickComponent extends NestedOption implements OnDestroy, OnInit {
get color(): string;
set color(value: string);
get length(): number;
set length(value: number);
get opacity(): number | undefined;
set opacity(value: number | undefined);
get shift(): number;
set shift(value: number);
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<DxoPolarChartArgumentAxisTickComponent, [{ host: true; skipSelf: true; }, { host: true; }]>;
static ɵcmp: i0.ɵɵComponentDeclaration<DxoPolarChartArgumentAxisTickComponent, "dxo-polar-chart-argument-axis-tick", never, { "color": { "alias": "color"; "required": false; }; "length": { "alias": "length"; "required": false; }; "opacity": { "alias": "opacity"; "required": false; }; "shift": { "alias": "shift"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, {}, never, never, true, never>;
}
declare class DxoPolarChartArgumentAxisTickModule {
static ɵfac: i0.ɵɵFactoryDeclaration<DxoPolarChartArgumentAxisTickModule, never>;
static ɵmod: i0.ɵɵNgModuleDeclaration<DxoPolarChartArgumentAxisTickModule, never, [typeof DxoPolarChartArgumentAxisTickComponent], [typeof DxoPolarChartArgumentAxisTickComponent]>;
static ɵinj: i0.ɵɵInjectorDeclaration<DxoPolarChartArgumentAxisTickModule>;
}
/*!
* 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 DxoPolarChartArgumentAxisComponent extends NestedOption implements OnDestroy, OnInit {
set _constantLinesContentChildren(value: QueryList<CollectionNestedOption>);
set _stripsContentChildren(value: QueryList<CollectionNestedOption>);
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 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;
text?: string | undefined;
visible?: boolean;
};
value?: Date | number | string | undefined;
width?: number;
}[];
set constantLines(value: {
color?: string;
dashStyle?: DashStyle;
displayBehindSeries?: boolean;
extendAxis?: boolean;
label?: {
font?: Font;
text?: string | undefined;
visible?: boolean;
};
value?: Date | number | string | undefined;
width?: number;
}[]);
get constantLineStyle(): {
color?: string;
dashStyle?: DashStyle;
label?: {
font?: Font;
visible?: boolean;
};
width?: number;
};
set constantLineStyle(value: {
color?: string;
dashStyle?: DashStyle;
label?: {
font?: Font;
visible?: boolean;
};
width?: number;
});
get discreteAxisDivisionMode(): DiscreteAxisDivisionMode;
set discreteAxisDivisionMode(value: DiscreteAxisDivisionMode);
get endOnTick(): boolean | undefined;
set endOnTick(value: boolean | undefined);
get firstPointOnStartAngle(): boolean;
set firstPointOnStartAngle(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 hoverMode(): ArgumentAxisHoverMode;
set hoverMode(value: ArgumentAxisHoverMode);
get inverted(): boolean;
set inverted(value: boolean);
get 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;
};
set label(value: {
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;
});
get linearThreshold(): number | undefined;
set linearThreshold(value: number | undefined);
get logarithmBase(): number;
set logarithmBase(value: number);
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 opacity(): number | undefined;
set opacity(value: number | undefined);
get originValue(): number | undefined;
set originValue(value: number | undefined);
get period(): number | undefined;
set period(value: number | undefined);
get startAngle(): number;
set startAngle(value: number);
get strips(): {
color?: string | undefined;
endValue?: Date | number | string | undefined;
label?: {
font?: Font;
text?: string | undefined;
};
startValue?: Date | number | string | undefined;
}[];
set strips(value: {
color?: string | undefined;
endValue?: Date | number | string | undefined;
label?: {
font?: Font;
text?: string | undefined;
};
startValue?: Date | number | string | undefined;
}[]);
get stripStyle(): {
label?: {
font?: Font;
};
};
set stripStyle(value: {
label?: {
font?: Font;
};
});
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 type(): AxisScaleType | undefined;
set type(value: AxisScaleType | 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<DxoPolarChartArgumentAxisComponent, [{ host: true; skipSelf: true; }, { host: true; }]>;
static ɵcmp: i0.ɵɵComponentDeclaration<DxoPolarChartArgumentAxisComponent, "dxo-polar-chart-argument-axis", never, { "allowDecimals": { "alias": "allowDecimals"; "required": false; }; "argumentType": { "alias": "argumentType"; "required": false; }; "axisDivisionFactor": { "alias": "axisDivisionFactor"; "required": false; }; "categories": { "alias": "categories"; "required": false; }; "color": { "alias": "color"; "required": false; }; "constantLines": { "alias": "constantLines"; "required": false; }; "constantLineStyle": { "alias": "constantLineStyle"; "required": false; }; "discreteAxisDivisionMode": { "alias": "discreteAxisDivisionMode"; "required": false; }; "endOnTick": { "alias": "endOnTick"; "required": false; }; "firstPointOnStartAngle": { "alias": "firstPointOnStartAngle"; "required": false; }; "grid": { "alias": "grid"; "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; }; "minorGrid": { "alias": "minorGrid"; "required": false; }; "minorTick": { "alias": "minorTick"; "required": false; }; "minorTickCount": { "alias": "minorTickCount"; "required": false; }; "minorTickInterval": { "alias": "minorTickInterval"; "required": false; }; "opacity": { "alias": "opacity"; "required": false; }; "originValue": { "alias": "originValue"; "required": false; }; "period": { "alias": "period"; "required": false; }; "startAngle": { "alias": "startAngle"; "required": false; }; "strips": { "alias": "strips"; "required": false; }; "stripStyle": { "alias": "stripStyle"; "required": false; }; "tick": { "alias": "tick"; "required": false; }; "tickInterval": { "alias": "tickInterval"; "required": false; }; "type": { "alias": "type"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, {}, ["_constantLinesContentChildren", "_stripsContentChildren"], never, true, never>;
}
declare class DxoPolarChartArgumentAxisModule {
static ɵfac: i0.ɵɵFactoryDeclaration<DxoPolarChartArgumentAxisModule, never>;
static ɵmod: i0.ɵɵNgModuleDeclaration<DxoPolarChartArgumentAxisModule, never, [typeof DxoPolarChartArgumentAxisComponent], [typeof DxoPolarChartArgumentAxisComponent]>;
static ɵinj: i0.ɵɵInjectorDeclaration<DxoPolarChartArgumentAxisModule>;
}
/*!
* 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 DxoPolarChartArgumentFormatComponent 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<DxoPolarChartArgumentFormatComponent, [{ host: true; skipSelf: true; }, { host: true; }]>;
static ɵcmp: i0.ɵɵComponentDeclaration<DxoPolarChartArgumentFormatComponent, "dxo-polar-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 DxoPolarChartArgumentFormatModule {
static ɵfac: i0.ɵɵFactoryDeclaration<DxoPolarChartArgumentFormatModule, never>;
static ɵmod: i0.ɵɵNgModuleDeclaration<DxoPolarChartArgumentFormatModule, never, [typeof DxoPolarChartArgumentFormatComponent], [typeof DxoPolarChartArgumentFormatComponent]>;
static ɵinj: i0.ɵɵInjectorDeclaration<DxoPolarChartArgumentFormatModule>;
}
/*!
* 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 DxoPolarChartAxisLabelComponent extends NestedOption implements OnDestroy, OnInit {
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 font(): Font;
set font(value: Font);
get format(): Format | undefined;
set format(value: Format | undefined);
get indentFromAxis(): number;
set indentFromAxis(value: number);
get overlappingBehavior(): LabelOverlap;
set overlappingBehavior(value: LabelOverlap);
get visible(): boolean;
set visible(value: boolean);
protected get _optionPath(): string;
constructor(parentOptionHost: NestedOptionHost, optionHost: NestedOptionHost);
ngOnInit(): void;
ngOnDestroy(): void;
static ɵfac: i0.ɵɵFactoryDeclaration<DxoPolarChartAxisLabelComponent, [{ host: true; skipSelf: true; }, { host: true; }]>;
static ɵcmp: i0.ɵɵComponentDeclaration<DxoPolarChartAxisLabelComponent, "dxo-polar-chart-axis-label", never, { "customizeHint": { "alias": "customizeHint"; "required": false; }; "customizeText": { "alias": "customizeText"; "required": false; }; "font": { "alias": "font"; "required": false; }; "format": { "alias": "format"; "required": false; }; "indentFromAxis": { "alias": "indentFromAxis"; "required": false; }; "overlappingBehavior": { "alias": "overlappingBehavior"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; }, {}, never, never, true, never>;
}
declare class DxoPolarChartAxisLabelModule {
static ɵfac: i0.ɵɵFactoryDeclaration<DxoPolarChartAxisLabelModule, never>;
static ɵmod: i0.ɵɵNgModuleDeclaration<DxoPolarChartAxisLabelModule, never, [typeof DxoPolarChartAxisLabelComponent], [typeof DxoPolarChartAxisLabelComponent]>;
static ɵinj: i0.ɵɵInjectorDeclaration<DxoPolarChartAxisLabelModule>;
}
/*!
* 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 DxoPolarChartBorderComponent extends NestedOption implements OnDestroy, OnInit {
get color(): string | undefined;
set color(value: string | undefined);
get cornerRadius(): number;
set cornerRadius(value: number);
get dashStyle(): DashStyle | undefined;
set dashStyle(value: DashStyle | undefined);
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<DxoPolarChartBorderComponent, [{ host: true; skipSelf: true; }, { host: true; }]>;
static ɵcmp: i0.ɵɵComponentDeclaration<DxoPolarChartBorderComponent, "dxo-polar-chart-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 DxoPolarChartBorderModule {
static ɵfac: i0.ɵɵFactoryDeclaration<DxoPolarChartBorderModule, never>;
static ɵmod: i0.ɵɵNgModuleDeclaration<DxoPolarChartBorderModule, never, [typeof DxoPolarChartBorderComponent], [typeof DxoPolarChartBorderComponent]>;
static ɵinj: i0.ɵɵInjectorDeclaration<DxoPolarChartBorderModule>;
}
/*!
* 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 DxoPolarChartColorComponent extends NestedOption implements OnDestroy, OnInit {
get base(): string | undefined;
set base(value: string | undefined);
get fillId(): string | undefined;
set fillId(value: string | undefined);
protected get _optionPath(): string;
constructor(parentOptionHost: NestedOptionHost, optionHost: NestedOptionHost);
ngOnInit(): void;
ngOnDestroy(): void;
static ɵfac: i0.ɵɵFactoryDeclaration<DxoPolarChartColorComponent, [{ host: true; skipSelf: true; }, { host: true; }]>;
static ɵcmp: i0.ɵɵComponentDeclaration<DxoPolarChartColorComponent, "dxo-polar-chart-color", never, { "base": { "alias": "base"; "required": false; }; "fillId": { "alias": "fillId"; "required": false; }; }, {}, never, never, true, never>;
}
declare class DxoPolarChartColorModule {
static ɵfac: i0.ɵɵFactoryDeclaration<DxoPolarChartColorModule, never>;
static ɵmod: i0.ɵɵNgModuleDeclaration<DxoPolarChartColorModule, never, [typeof DxoPolarChartColorComponent], [typeof DxoPolarChartColorComponent]>;
static ɵinj: i0.ɵɵInjectorDeclaration<DxoPolarChartColorModule>;
}
/*!
* 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 DxoPolarChartCommonAnnotationSettingsComponent extends NestedOption implements AfterViewInit, OnDestroy, OnInit, IDxTemplateHost {
private renderer;
private document;
private element;
get allowDragging(): boolean;
set allowDragging(value: boolean);
get angle(): number | undefined;
set angle(value: number | undefined);
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 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: dxPolarChartAnnotationConfig | any) => Record<string, any>) | undefined;
set customizeTooltip(value: ((annotation: dxPolarChartAnnotationConfig | 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 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 radius(): number | undefined;
set radius(value: number | undefined);
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;
ngOnInit(): void;
ngOnDestroy(): void;
static ɵfac: i0.ɵɵFactoryDeclaration<DxoPolarChartCommonAnnotationSettingsComponent, [{ host: true; skipSelf: true; }, { host: true; }, null, null, { host: true; }, null]>;
static ɵcmp: i0.ɵɵComponentDeclaration<DxoPolarChartCommonAnnotationSettingsComponent, "dxo-polar-chart-common-annotation-settings", never, { "allowDragging": { "alias": "allowDragging"; "required": false; }; "angle": { "alias": "angle"; "required": false; }; "argument": { "alias": "argument"; "required": false; }; "arrowLength": { "alias": "arrowLength"; "required": false; }; "arrowWidth": { "alias": "arrowWidth"; "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; }; "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; }; "radius": { "alias": "radius"; "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 DxoPolarChartCommonAnnotationSettingsModule {
static ɵfac: i0.ɵɵFactoryDeclaration<DxoPolarChartCommonAnnotationSettingsModule, never>;
static ɵmod: i0.ɵɵNgModuleDeclaration<DxoPolarChartCommonAnnotationSettingsModule, never, [typeof DxoPolarChartCommonAnnotationSettingsComponent], [typeof DxoPolarChartCommonAnnotationSettingsComponent]>;
static ɵinj: i0.ɵɵInjectorDeclaration<DxoPolarChartCommonAnnotationSettingsModule>;
}
/*!
* 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 DxoPolarChartCommonAxisSettingsLabelComponent extends NestedOption implements OnDestroy, OnInit {
get font(): Font;
set font(value: Font);
get indentFromAxis(): number;
set indentFromAxis(value: number);
get overlappingBehavior(): LabelOverlap;
set overlappingBehavior(value: LabelOverlap);
get visible(): boolean;
set visible(value: boolean);
protected get _optionPath(): string;
constructor(parentOptionHost: NestedOptionHost, optionHost: NestedOptionHost);
ngOnInit(): void;
ngOnDestroy(): void;
static ɵfac: i0.ɵɵFactoryDeclaration<DxoPolarChartCommonAxisSettingsLabelComponent, [{ host: true; skipSelf: true; }, { host: true; }]>;
static ɵcmp: i0.ɵɵComponentDeclaration<DxoPolarChartCommonAxisSettingsLabelComponent, "dxo-polar-chart-common-axis-settings-label", never, { "font": { "alias": "font"; "required": false; }; "indentFromAxis": { "alias": "indentFromAxis"; "required": false; }; "overlappingBehavior": { "alias": "overlappingBehavior"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; }, {}, never, never, true, never>;
}
declare class DxoPolarChartCommonAxisSettingsLabelModule {
static ɵfac: i0.ɵɵFactoryDeclaration<DxoPolarChartCommonAxisSettingsLabelModule, never>;
static ɵmod: i0.ɵɵNgModuleDeclaration<DxoPolarChartCommonAxisSettingsLabelModule, never, [typeof DxoPolarChartCommonAxisSettingsLabelComponent], [typeof DxoPolarChartCommonAxisSettingsLabelComponent]>;
static ɵinj: i0.ɵɵInjectorDeclaration<DxoPolarChartCommonAxisSettingsLabelModule>;
}
/*!
* 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 DxoPolarChartCommonAxisSettingsMinorTickComponent extends NestedOption implements OnDestroy, OnInit {
get color(): string;
set color(value: string);
get length(): number;
set length(value: number);
get opacity(): number;
set opacity(value: number);
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<DxoPolarChartCommonAxisSettingsMinorTickComponent, [{ host: true; skipSelf: true; }, { host: true; }]>;
static ɵcmp: i0.ɵɵComponentDeclaration<DxoPolarChartCommonAxisSettingsMinorTickComponent, "dxo-polar-chart-common-axis-settings-minor-tick", never, { "color": { "alias": "color"; "required": false; }; "length": { "alias": "length"; "required": false; }; "opacity": { "alias": "opacity"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, {}, never, never, true, never>;
}
declare class DxoPolarChartCommonAxisSettingsMinorTickModule {
static ɵfac: i0.ɵɵFactoryDeclaration<DxoPolarChartCommonAxisSettingsMinorTickModule, never>;
static ɵmod: i0.ɵɵNgModuleDeclaration<DxoPolarChartCommonAxisSettingsMinorTickModule, never, [typeof DxoPolarChartCommonAxisSettingsMinorTickComponent], [typeof DxoPolarChartCommonAxisSettingsMinorTickComponent]>;
static ɵinj: i0.ɵɵInjectorDeclaration<DxoPolarChartCommonAxisSettingsMinorTickModule>;
}
/*!
* 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 DxoPolarChartCommonAxisSettingsTickComponent extends NestedOption implements OnDestroy, OnInit {
get color(): string;
set color(value: string);
get length(): number;
set length(value: number);
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<DxoPolarChartCommonAxisSettingsTickComponent, [{ host: true; skipSelf: true; }, { host: true; }]>;
static ɵcmp: i0.ɵɵComponentDeclaration<DxoPolarChartCommonAxisSettingsTickComponent, "dxo-polar-chart-common-axis-settings-tick", never, { "color": { "alias": "color"; "required": false; }; "length": { "alias": "length"; "required": false; }; "opacity": { "alias": "opacity"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, {}, never, never, true, never>;
}
declare class DxoPolarChartCommonAxisSettingsTickModule {
static ɵfac: i0.ɵɵFactoryDeclaration<DxoPolarChartCommonAxisSettingsTickModule, never>;
static ɵmod: i0.ɵɵNgModuleDeclaration<DxoPolarChartCommonAxisSettingsTickModule, never, [typeof DxoPolarChartCommonAxisSettingsTickComponent], [typeof DxoPolarChartCommonAxisSettingsTickComponent]>;
static ɵinj: i0.ɵɵInjectorDeclaration<DxoPolarChartCommonAxisSettingsTickModule>;
}
/*!
* 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 DxoPolarChartCommonAxisSettingsComponent extends NestedOption implements OnDestroy, OnInit {
get allowDecimals(): boolean | undefined;
set allowDecimals(value: boolean | undefined);
get color(): string;
set color(value: string);
get constantLineStyle(): {
color?: string;
dashStyle?: DashStyle;
label?: {
font?: Font;
visible?: boolean;
};
width?: number;
};
set constantLineStyle(value: {
color?: string;
dashStyle?: DashStyle;
label?: {
font?: Font;
visible?: boolean;
};
width?: numb