devextreme-angular
Version:
Angular UI and visualization components based on DevExtreme widgets
1,652 lines (1,510 loc) • 67.6 kB
TypeScript
import { TransferState } from '@angular/platform-browser';
import { ElementRef, NgZone, OnDestroy, EventEmitter, OnChanges, DoCheck, SimpleChanges, QueryList } from '@angular/core';
import DevExpress from 'devextreme/bundles/dx.all';
import { UserDefinedElement } from 'devextreme/core/element';
import Store from 'devextreme/data/abstract_store';
import DataSource, { Options as DataSourceOptions } from 'devextreme/data/data_source';
import { Format } from 'devextreme/localization';
import { Font } from 'devextreme/viz/core/base_widget';
import { dxPolarChartCommonAnnotationConfig } from 'devextreme/viz/polar_chart';
import DxPolarChart from 'devextreme/viz/polar_chart';
import { DxComponent, DxTemplateHost, NestedOptionHost, IterableDifferHelper, WatcherHelper } from 'devextreme-angular/core';
import { DxiAnnotationComponent } from 'devextreme-angular/ui/nested';
import { DxiSeriesComponent } from 'devextreme-angular/ui/nested';
import * as i0 from "@angular/core";
import * as i1 from "devextreme-angular/ui/nested";
import * as i2 from "devextreme-angular/core";
import * as i3 from "@angular/platform-browser";
/**
* The PolarChart is a UI component that visualizes data in a polar coordinate system.
*/
export declare class DxPolarChartComponent extends DxComponent implements OnDestroy, OnChanges, DoCheck {
private _watcherHelper;
private _idh;
instance: DxPolarChart;
/**
* Specifies adaptive layout properties.
*/
get adaptiveLayout(): {
height?: number;
keepLabels?: boolean;
width?: number;
};
set adaptiveLayout(value: {
height?: number;
keepLabels?: boolean;
width?: number;
});
/**
* Specifies animation properties.
*/
get animation(): boolean | {
duration?: number;
easing?: string;
enabled?: boolean;
maxPointCountSupported?: number;
};
set animation(value: boolean | {
duration?: number;
easing?: string;
enabled?: boolean;
maxPointCountSupported?: number;
});
/**
* Specifies the annotation collection.
*/
get annotations(): Array<DevExpress.viz.dxPolarChartAnnotationConfig | any>;
set annotations(value: Array<DevExpress.viz.dxPolarChartAnnotationConfig | any>);
/**
* Specifies argument axis properties for the PolarChart UI component.
*/
get argumentAxis(): {
allowDecimals?: boolean | undefined;
argumentType?: string | undefined;
axisDivisionFactor?: number;
categories?: Array<number | string | Date>;
color?: string;
constantLines?: Array<any | {
color?: string;
dashStyle?: string;
displayBehindSeries?: boolean;
extendAxis?: boolean;
label?: {
font?: Font;
text?: string | undefined;
visible?: boolean;
};
value?: Date | number | string | undefined;
width?: number;
}>;
constantLineStyle?: {
color?: string;
dashStyle?: string;
label?: {
font?: Font;
visible?: boolean;
};
width?: number;
};
discreteAxisDivisionMode?: string;
endOnTick?: boolean | undefined;
firstPointOnStartAngle?: boolean;
grid?: {
color?: string;
opacity?: number | undefined;
visible?: boolean;
width?: number;
};
hoverMode?: string;
inverted?: boolean;
label?: {
customizeHint?: Function;
customizeText?: Function;
font?: Font;
format?: Format | string | undefined;
indentFromAxis?: number;
overlappingBehavior?: string;
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 | string | {
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?: Array<any | {
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 | string | {
days?: number;
hours?: number;
milliseconds?: number;
minutes?: number;
months?: number;
quarters?: number;
seconds?: number;
weeks?: number;
years?: number;
};
type?: string | undefined;
visible?: boolean;
width?: number;
};
set argumentAxis(value: {
allowDecimals?: boolean | undefined;
argumentType?: string | undefined;
axisDivisionFactor?: number;
categories?: Array<number | string | Date>;
color?: string;
constantLines?: Array<any | {
color?: string;
dashStyle?: string;
displayBehindSeries?: boolean;
extendAxis?: boolean;
label?: {
font?: Font;
text?: string | undefined;
visible?: boolean;
};
value?: Date | number | string | undefined;
width?: number;
}>;
constantLineStyle?: {
color?: string;
dashStyle?: string;
label?: {
font?: Font;
visible?: boolean;
};
width?: number;
};
discreteAxisDivisionMode?: string;
endOnTick?: boolean | undefined;
firstPointOnStartAngle?: boolean;
grid?: {
color?: string;
opacity?: number | undefined;
visible?: boolean;
width?: number;
};
hoverMode?: string;
inverted?: boolean;
label?: {
customizeHint?: Function;
customizeText?: Function;
font?: Font;
format?: Format | string | undefined;
indentFromAxis?: number;
overlappingBehavior?: string;
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 | string | {
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?: Array<any | {
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 | string | {
days?: number;
hours?: number;
milliseconds?: number;
minutes?: number;
months?: number;
quarters?: number;
seconds?: number;
weeks?: number;
years?: number;
};
type?: string | undefined;
visible?: boolean;
width?: number;
});
/**
* 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.
*/
get barGroupPadding(): number;
set barGroupPadding(value: number);
/**
* Specifies a fixed angular width for groups of bars with the same argument, measured in degrees. Takes precedence over the barGroupPadding property.
*/
get barGroupWidth(): number | undefined;
set barGroupWidth(value: number | undefined);
/**
* Specifies settings common for all annotations in the PolarChart.
*/
get commonAnnotationSettings(): dxPolarChartCommonAnnotationConfig;
set commonAnnotationSettings(value: dxPolarChartCommonAnnotationConfig);
/**
* An object defining the configuration properties that are common for all axes of the PolarChart UI component.
*/
get commonAxisSettings(): {
allowDecimals?: boolean | undefined;
color?: string;
constantLineStyle?: {
color?: string;
dashStyle?: string;
label?: {
font?: Font;
visible?: boolean;
};
width?: number;
};
discreteAxisDivisionMode?: string;
endOnTick?: boolean | undefined;
grid?: {
color?: string;
opacity?: number | undefined;
visible?: boolean;
width?: number;
};
inverted?: boolean;
label?: {
font?: Font;
indentFromAxis?: number;
overlappingBehavior?: string;
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;
};
set commonAxisSettings(value: {
allowDecimals?: boolean | undefined;
color?: string;
constantLineStyle?: {
color?: string;
dashStyle?: string;
label?: {
font?: Font;
visible?: boolean;
};
width?: number;
};
discreteAxisDivisionMode?: string;
endOnTick?: boolean | undefined;
grid?: {
color?: string;
opacity?: number | undefined;
visible?: boolean;
width?: number;
};
inverted?: boolean;
label?: {
font?: Font;
indentFromAxis?: number;
overlappingBehavior?: string;
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;
});
/**
* An object defining the configuration properties that are common for all series of the PolarChart UI component.
*/
get commonSeriesSettings(): any;
set commonSeriesSettings(value: any);
/**
* Specifies the color of the parent page element.
*/
get containerBackgroundColor(): string;
set containerBackgroundColor(value: string);
/**
* Customizes an individual annotation.
*/
get customizeAnnotation(): Function | undefined;
set customizeAnnotation(value: Function | undefined);
/**
* Customizes the appearance of an individual point label.
*/
get customizeLabel(): Function;
set customizeLabel(value: Function);
/**
* Customizes the appearance of an individual series point.
*/
get customizePoint(): Function;
set customizePoint(value: Function);
/**
* An object providing properties for managing data from a data source.
*/
get dataPrepareSettings(): {
checkTypeForAllData?: boolean;
convertToAxisDataType?: boolean;
sortingMethod?: boolean | Function;
};
set dataPrepareSettings(value: {
checkTypeForAllData?: boolean;
convertToAxisDataType?: boolean;
sortingMethod?: boolean | Function;
});
/**
* Binds the UI component to data.
*/
get dataSource(): DataSource | DataSourceOptions | Store | null | string | Array<any>;
set dataSource(value: DataSource | DataSourceOptions | Store | null | string | Array<any>);
/**
* Specifies whether the UI component responds to user interaction.
*/
get disabled(): boolean;
set disabled(value: boolean);
/**
* Specifies the global attributes to be attached to the UI component's container element.
*/
get elementAttr(): any;
set elementAttr(value: any);
/**
* Configures the exporting and printing features.
*/
get export(): {
backgroundColor?: string;
enabled?: boolean;
fileName?: string;
formats?: Array<string>;
margin?: number;
printingEnabled?: boolean;
proxyUrl?: string | undefined;
svgToCanvas?: Function | undefined;
};
set export(value: {
backgroundColor?: string;
enabled?: boolean;
fileName?: string;
formats?: Array<string>;
margin?: number;
printingEnabled?: boolean;
proxyUrl?: string | undefined;
svgToCanvas?: Function | undefined;
});
/**
* Specifies the properties of a chart's legend.
*/
get legend(): {
backgroundColor?: string | undefined;
border?: {
color?: string;
cornerRadius?: number;
dashStyle?: string;
opacity?: number | undefined;
visible?: boolean;
width?: number;
};
columnCount?: number;
columnItemSpacing?: number;
customizeHint?: Function;
customizeItems?: Function;
customizeText?: Function;
font?: Font;
horizontalAlignment?: string;
hoverMode?: string;
itemsAlignment?: string | undefined;
itemTextPosition?: string | undefined;
margin?: number | {
bottom?: number;
left?: number;
right?: number;
top?: number;
};
markerSize?: number;
markerTemplate?: any | undefined;
orientation?: string | undefined;
paddingLeftRight?: number;
paddingTopBottom?: number;
rowCount?: number;
rowItemSpacing?: number;
title?: string | {
font?: Font;
horizontalAlignment?: string | undefined;
margin?: {
bottom?: number;
left?: number;
right?: number;
top?: number;
};
placeholderSize?: number | undefined;
subtitle?: string | {
font?: Font;
offset?: number;
text?: string;
};
text?: string;
verticalAlignment?: string;
};
verticalAlignment?: string;
visible?: boolean;
};
set legend(value: {
backgroundColor?: string | undefined;
border?: {
color?: string;
cornerRadius?: number;
dashStyle?: string;
opacity?: number | undefined;
visible?: boolean;
width?: number;
};
columnCount?: number;
columnItemSpacing?: number;
customizeHint?: Function;
customizeItems?: Function;
customizeText?: Function;
font?: Font;
horizontalAlignment?: string;
hoverMode?: string;
itemsAlignment?: string | undefined;
itemTextPosition?: string | undefined;
margin?: number | {
bottom?: number;
left?: number;
right?: number;
top?: number;
};
markerSize?: number;
markerTemplate?: any | undefined;
orientation?: string | undefined;
paddingLeftRight?: number;
paddingTopBottom?: number;
rowCount?: number;
rowItemSpacing?: number;
title?: string | {
font?: Font;
horizontalAlignment?: string | undefined;
margin?: {
bottom?: number;
left?: number;
right?: number;
top?: number;
};
placeholderSize?: number | undefined;
subtitle?: string | {
font?: Font;
offset?: number;
text?: string;
};
text?: string;
verticalAlignment?: string;
};
verticalAlignment?: string;
visible?: boolean;
});
/**
* Configures the loading indicator.
*/
get loadingIndicator(): {
backgroundColor?: string;
enabled?: boolean;
font?: Font;
show?: boolean;
text?: string;
};
set loadingIndicator(value: {
backgroundColor?: string;
enabled?: boolean;
font?: Font;
show?: boolean;
text?: string;
});
/**
* Generates space around the UI component.
*/
get margin(): {
bottom?: number;
left?: number;
right?: number;
top?: number;
};
set margin(value: {
bottom?: number;
left?: number;
right?: number;
top?: number;
});
/**
* Forces the UI component to treat negative values as zeroes. Applies to stacked-like series only.
*/
get negativesAsZeroes(): boolean;
set negativesAsZeroes(value: boolean);
/**
* Sets the palette to be used for colorizing series and their elements.
*/
get palette(): string | Array<string>;
set palette(value: string | Array<string>);
/**
* Specifies what to do with colors in the palette when their number is less than the number of series (in the Chart UI component) or points in a series (in the PieChart UI component).
*/
get paletteExtensionMode(): string;
set paletteExtensionMode(value: string);
/**
* Notifies the UI component that it is embedded into an HTML page that uses a tag modifying the path.
*/
get pathModified(): boolean;
set pathModified(value: boolean);
/**
* Specifies whether a single point or multiple points can be selected in the chart.
*/
get pointSelectionMode(): string;
set pointSelectionMode(value: string);
/**
* Specifies whether to redraw the UI component when the size of the parent browser window changes or a mobile device rotates.
*/
get redrawOnResize(): boolean;
set redrawOnResize(value: boolean);
/**
* Specifies how the chart must behave when series point labels overlap.
*/
get resolveLabelOverlapping(): string;
set resolveLabelOverlapping(value: string);
/**
* Switches the UI component to a right-to-left representation.
*/
get rtlEnabled(): boolean;
set rtlEnabled(value: boolean);
/**
* Specifies properties for PolarChart UI component series.
*/
get series(): any | undefined | Array<any>;
set series(value: any | undefined | Array<any>);
/**
* Specifies whether a single series or multiple series can be selected in the chart.
*/
get seriesSelectionMode(): string;
set seriesSelectionMode(value: string);
/**
* Defines properties for the series template.
*/
get seriesTemplate(): {
customizeSeries?: Function;
nameField?: string;
};
set seriesTemplate(value: {
customizeSeries?: Function;
nameField?: string;
});
/**
* Specifies the UI component's size in pixels.
*/
get size(): {
height?: number | undefined;
width?: number | undefined;
};
set size(value: {
height?: number | undefined;
width?: number | undefined;
});
/**
* Sets the name of the theme the UI component uses.
*/
get theme(): string;
set theme(value: string);
/**
* Configures the UI component's title.
*/
get title(): string | {
font?: Font;
horizontalAlignment?: string;
margin?: number | {
bottom?: number;
left?: number;
right?: number;
top?: number;
};
placeholderSize?: number | undefined;
subtitle?: string | {
font?: Font;
offset?: number;
text?: string;
textOverflow?: string;
wordWrap?: string;
};
text?: string;
textOverflow?: string;
verticalAlignment?: string;
wordWrap?: string;
};
set title(value: string | {
font?: Font;
horizontalAlignment?: string;
margin?: number | {
bottom?: number;
left?: number;
right?: number;
top?: number;
};
placeholderSize?: number | undefined;
subtitle?: string | {
font?: Font;
offset?: number;
text?: string;
textOverflow?: string;
wordWrap?: string;
};
text?: string;
textOverflow?: string;
verticalAlignment?: string;
wordWrap?: string;
});
/**
* Configures tooltips.
*/
get tooltip(): {
argumentFormat?: Format | string | undefined;
arrowLength?: number;
border?: {
color?: string;
dashStyle?: string;
opacity?: number | undefined;
visible?: boolean;
width?: number;
};
color?: string;
container?: string | UserDefinedElement | undefined;
contentTemplate?: any | undefined;
cornerRadius?: number;
customizeTooltip?: Function | undefined;
enabled?: boolean;
font?: Font;
format?: Format | string | 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;
};
set tooltip(value: {
argumentFormat?: Format | string | undefined;
arrowLength?: number;
border?: {
color?: string;
dashStyle?: string;
opacity?: number | undefined;
visible?: boolean;
width?: number;
};
color?: string;
container?: string | UserDefinedElement | undefined;
contentTemplate?: any | undefined;
cornerRadius?: number;
customizeTooltip?: Function | undefined;
enabled?: boolean;
font?: Font;
format?: Format | string | 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;
});
/**
* Indicates whether or not to display a 'spider web'.
*/
get useSpiderWeb(): boolean;
set useSpiderWeb(value: boolean);
/**
* Specifies value axis properties for the PolarChart UI component.
*/
get valueAxis(): {
allowDecimals?: boolean | undefined;
axisDivisionFactor?: number;
categories?: Array<number | string | Date>;
color?: string;
constantLines?: Array<any | {
color?: string;
dashStyle?: string;
displayBehindSeries?: boolean;
extendAxis?: boolean;
label?: {
font?: Font;
text?: string | undefined;
visible?: boolean;
};
value?: Date | number | string | undefined;
width?: number;
}>;
constantLineStyle?: {
color?: string;
dashStyle?: string;
label?: {
font?: Font;
visible?: boolean;
};
width?: number;
};
discreteAxisDivisionMode?: string;
endOnTick?: boolean;
grid?: {
color?: string;
opacity?: number | undefined;
visible?: boolean;
width?: number;
};
inverted?: boolean;
label?: {
customizeHint?: Function;
customizeText?: Function;
font?: Font;
format?: Format | string | undefined;
indentFromAxis?: number;
overlappingBehavior?: string;
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 | string | {
days?: number;
hours?: number;
milliseconds?: number;
minutes?: number;
months?: number;
quarters?: number;
seconds?: number;
weeks?: number;
years?: number;
};
minValueMargin?: number | undefined;
minVisualRangeLength?: number | string | 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?: Array<any | {
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 | string | {
days?: number;
hours?: number;
milliseconds?: number;
minutes?: number;
months?: number;
quarters?: number;
seconds?: number;
weeks?: number;
years?: number;
};
type?: string | undefined;
valueMarginsEnabled?: boolean;
valueType?: string | undefined;
visible?: boolean;
visualRange?: DevExpress.viz.VizRange | Array<number | string | Date>;
visualRangeUpdateMode?: string;
wholeRange?: DevExpress.viz.VizRange | undefined | Array<number | string | Date>;
width?: number;
};
set valueAxis(value: {
allowDecimals?: boolean | undefined;
axisDivisionFactor?: number;
categories?: Array<number | string | Date>;
color?: string;
constantLines?: Array<any | {
color?: string;
dashStyle?: string;
displayBehindSeries?: boolean;
extendAxis?: boolean;
label?: {
font?: Font;
text?: string | undefined;
visible?: boolean;
};
value?: Date | number | string | undefined;
width?: number;
}>;
constantLineStyle?: {
color?: string;
dashStyle?: string;
label?: {
font?: Font;
visible?: boolean;
};
width?: number;
};
discreteAxisDivisionMode?: string;
endOnTick?: boolean;
grid?: {
color?: string;
opacity?: number | undefined;
visible?: boolean;
width?: number;
};
inverted?: boolean;
label?: {
customizeHint?: Function;
customizeText?: Function;
font?: Font;
format?: Format | string | undefined;
indentFromAxis?: number;
overlappingBehavior?: string;
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 | string | {
days?: number;
hours?: number;
milliseconds?: number;
minutes?: number;
months?: number;
quarters?: number;
seconds?: number;
weeks?: number;
years?: number;
};
minValueMargin?: number | undefined;
minVisualRangeLength?: number | string | 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?: Array<any | {
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 | string | {
days?: number;
hours?: number;
milliseconds?: number;
minutes?: number;
months?: number;
quarters?: number;
seconds?: number;
weeks?: number;
years?: number;
};
type?: string | undefined;
valueMarginsEnabled?: boolean;
valueType?: string | undefined;
visible?: boolean;
visualRange?: DevExpress.viz.VizRange | Array<number | string | Date>;
visualRangeUpdateMode?: string;
wholeRange?: DevExpress.viz.VizRange | undefined | Array<number | string | Date>;
width?: number;
});
/**
* A function that is executed when a label on the argument axis is clicked or tapped.
*/
onArgumentAxisClick: EventEmitter<any>;
/**
* A function that is executed before the UI component is disposed of.
*/
onDisposing: EventEmitter<any>;
/**
* A function that is executed when all series are ready.
*/
onDone: EventEmitter<any>;
/**
* A function that is executed when the UI component's rendering has finished.
*/
onDrawn: EventEmitter<any>;
/**
* A function that is executed after the UI component is exported.
*/
onExported: EventEmitter<any>;
/**
* A function that is executed before the UI component is exported.
*/
onExporting: EventEmitter<any>;
/**
* A function that is executed before a file with exported UI component is saved to the user's local storage.
*/
onFileSaving: EventEmitter<any>;
/**
* A function that is executed when an error or warning occurs.
*/
onIncidentOccurred: EventEmitter<any>;
/**
* A function used in JavaScript frameworks to save the UI component instance.
*/
onInitialized: EventEmitter<any>;
/**
* A function that is executed when a legend item is clicked or tapped.
*/
onLegendClick: EventEmitter<any>;
/**
* A function that is executed after a UI component property is changed.
*/
onOptionChanged: EventEmitter<any>;
/**
* A function that is executed when a series point is clicked or tapped.
*/
onPointClick: EventEmitter<any>;
/**
* A function that is executed after the pointer enters or leaves a series point.
*/
onPointHoverChanged: EventEmitter<any>;
/**
* A function that is executed when a series point is selected or selection is canceled.
*/
onPointSelectionChanged: EventEmitter<any>;
/**
* A function that is executed when a series is clicked or tapped.
*/
onSeriesClick: EventEmitter<any>;
/**
* A function that is executed after the pointer enters or leaves a series.
*/
onSeriesHoverChanged: EventEmitter<any>;
/**
* A function that is executed when a series is selected or selection is canceled.
*/
onSeriesSelectionChanged: EventEmitter<any>;
/**
* A function that is executed when a tooltip becomes hidden.
*/
onTooltipHidden: EventEmitter<any>;
/**
* A function that is executed when a tooltip appears.
*/
onTooltipShown: EventEmitter<any>;
/**
* A function that is executed when zooming or panning ends.
*/
onZoomEnd: EventEmitter<any>;
/**
* A function that is executed when zooming or panning begins.
*/
onZoomStart: EventEmitter<any>;
/**
* This member supports the internal infrastructure and is not intended to be used directly from your code.
*/
adaptiveLayoutChange: EventEmitter<{
height?: number;
keepLabels?: boolean;
width?: number;
}>;
/**
* This member supports the internal infrastructure and is not intended to be used directly from your code.
*/
animationChange: EventEmitter<boolean | {
duration?: number;
easing?: string;
enabled?: boolean;
maxPointCountSupported?: number;
}>;
/**
* This member supports the internal infrastructure and is not intended to be used directly from your code.
*/
annotationsChange: EventEmitter<Array<DevExpress.viz.dxPolarChartAnnotationConfig | any>>;
/**
* This member supports the internal infrastructure and is not intended to be used directly from your code.
*/
argumentAxisChange: EventEmitter<{
allowDecimals?: boolean | undefined;
argumentType?: string | undefined;
axisDivisionFactor?: number;
categories?: Array<number | string | Date>;
color?: string;
constantLines?: Array<any | {
color?: string;
dashStyle?: string;
displayBehindSeries?: boolean;
extendAxis?: boolean;
label?: {
font?: Font;
text?: string | undefined;
visible?: boolean;
};
value?: Date | number | string | undefined;
width?: number;
}>;
constantLineStyle?: {
color?: string;
dashStyle?: string;
label?: {
font?: Font;
visible?: boolean;
};
width?: number;
};
discreteAxisDivisionMode?: string;
endOnTick?: boolean | undefined;
firstPointOnStartAngle?: boolean;
grid?: {
color?: string;
opacity?: number | undefined;
visible?: boolean;
width?: number;
};
hoverMode?: string;
inverted?: boolean;
label?: {
customizeHint?: Function;
customizeText?: Function;
font?: Font;
format?: Format | string | undefined;
indentFromAxis?: number;
overlappingBehavior?: string;
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 | string | {
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?: Array<any | {
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 | string | {
days?: number;
hours?: number;
milliseconds?: number;
minutes?: number;
months?: number;
quarters?: number;
seconds?: number;
weeks?: number;
years?: number;
};
type?: string | undefined;
visible?: boolean;
width?: number;
}>;
/**
* This member supports the internal infrastructure and is not intended to be used directly from your code.
*/
barGroupPaddingChange: EventEmitter<number>;
/**
* This member supports the internal infrastructure and is not intended to be used directly from your code.
*/
barGroupWidthChange: EventEmitter<number | undefined>;
/**
* This member supports the internal infrastructure and is not intended to be used directly from your code.
*/
commonAnnotationSettingsChange: EventEmitter<dxPolarChartCommonAnnotationConfig>;
/**
* This member supports the internal infrastructure and is not intended to be used directly from your code.
*/
commonAxisSettingsChange: EventEmitter<{
allowDecimals?: boolean | undefined;
color?: string;
constantLineStyle?: {
color?: string;
dashStyle?: string;
label?: {
font?: Font;
visible?: boolean;
};
width?: number;
};
discreteAxisDivisionMode?: string;
endOnTick?: boolean | undefined;
grid?: {
color?: string;
opacity?: number | undefined;
visible?: boolean;
width?: number;
};
inverted?: boolean;
label?: {
font?: Font;
indentFromAxis?: number;
overlappingBehavior?: string;
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;
}>;
/**
* This member supports the internal infrastructure and is not intended to be used directly from your code.
*/
commonSeriesSettingsChange: EventEmitter<any>;
/**
* This member supports the internal infrastructure and is not intended to be used directly from your code.
*/
containerBackgroundColorChange: EventEmitter<string>;
/**
* This member supports the internal infrastructure and is not intended to be used directly from your code.
*/
customizeAnnotationChange: EventEmitter<Function | undefined>;
/**
* This member supports the internal infrastructure and is not intended to be used directly from your code.
*/
customizeLabelChange: EventEmitter<Function>;
/**
* This member supports the internal infrastructure and is not intended to be used directly from your code.
*/
customizePointChange: EventEmitter<Function>;
/**
* This member supports the internal infrastructure and is not intended to be used directly from your code.
*/
dataPrepareSettingsChange: EventEmitter<{
checkTypeForAllData?: boolean;
convertToAxisDataType?: boolean;
sortingMethod?: boolean | Function;
}>;
/**
* This member supports the internal infrastructure and is not intended to be used directly from your code.
*/
dataSourceChange: EventEmitter<DataSource | DataSourceOptions | Store | null | string | Array<any>>;
/**
* This member supports the internal infrastructure and is not intended to be used directly from your code.
*/
disabledChange: EventEmitter<boolean>;
/**
* This member supports the internal infrastructure and is not intended to be used directly from your code.
*/
elementAttrChange: EventEmitter<any>;
/**
* This member supports the internal infrastructure and is not intended to be used directly from your code.
*/
exportChange: EventEmitter<{
backgroundColor?: string;
enabled?: boolean;
fileName?: string;
formats?: Array<string>;
margin?: number;
printingEnabled?: boolean;
proxyUrl?: string | undefined;
svgToCanvas?: Function | undefined;
}>;
/**
* This member supports the internal infrastructure and is not intended to be used directly from your code.
*/
legendChange: EventEmitter<{
backgroundColor?: string | undefined;
border?: {
color?: string;
cornerRadius?: number;
dashStyle?: string;
opacity?: number | undefined;
visible?: boolean;
width?: number;
};
columnCount?: number;
columnItemSpacing?: number;
customizeHint?: Function;
customizeItems?: Function;
customizeText?: Function;
font?: Font;
horizontalAlignment?: string;
hoverMode?: string;
itemsAlignment?: string | undefined;
itemTextPosition?: string | undefined;
margin?: number | {
bottom?: number;
left?: number;
right?: number;
top?: number;
};
markerSize?: number;
markerTemplate?: any | undefined;
orientation?: string | undefined;
paddingLeftRight?: number;
paddingTopBottom?: number;
rowCount?: number;
rowItemSpacing?: number;
title?: string | {
font?: Font;
horizontalAlignment?: string | undefined;
margin?: {
bottom?: number;
left?: number;
right?: number;
top?: number;
};
placeholderSize?: number | undefined;
subtitle?: string | {
font?: Font;
offset?: number;
text?: string;
};
text?: string;
verticalAlignment?: string;
};
verticalAlignment?: string;
visible?: boolean;
}>;
/**
* This member supports the internal infrastructure and is not intended to be used directly from your code.
*/
loadingIndicatorChange: EventEmitter<{
backgroundColor?: string;
enabled?: boolean;