devextreme-angular
Version:
Angular UI and visualization components based on DevExtreme widgets
595 lines (594 loc) • 19.3 kB
TypeScript
/*!
* devextreme-angular
* Version: 24.2.6
* Build date: Mon Mar 17 2025
*
* Copyright (c) 2012 - 2025 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-angular
*/
import { CollectionNestedOption } from 'devextreme-angular/core';
import { HorizontalAlignment } from 'devextreme/common';
import { ChartsColor, ChartsDataType, DashStyle, Font, HatchDirection, LabelPosition, PointInteractionMode, PointSymbol, RelativePosition, SeriesHoverMode, SeriesSelectionMode, SeriesType, TextOverflow, ValueErrorBarDisplayMode, ValueErrorBarType, WordWrap } from 'devextreme/common/charts';
import { Format } from 'devextreme/common/core/localization';
import { ChartSeriesAggregationMethod, FinancialChartReductionLevel } from 'devextreme/viz/chart';
import { PieChartSeriesInteractionMode, SmallValuesGroupingMode } from 'devextreme/viz/pie_chart';
import { PolarChartSeriesType } from 'devextreme/viz/polar_chart';
import * as i0 from "@angular/core";
export declare abstract class DxiChartSeries extends CollectionNestedOption {
get aggregation(): {
calculate?: Function | undefined;
enabled?: boolean;
method?: ChartSeriesAggregationMethod;
};
set aggregation(value: {
calculate?: Function | undefined;
enabled?: boolean;
method?: ChartSeriesAggregationMethod;
});
get argumentField(): string;
set argumentField(value: string);
get axis(): string | undefined;
set axis(value: string | undefined);
get barOverlapGroup(): string | undefined;
set barOverlapGroup(value: string | undefined);
get barPadding(): number | undefined;
set barPadding(value: number | undefined);
get barWidth(): number | undefined;
set barWidth(value: number | undefined);
get border(): {
color?: string | undefined;
dashStyle?: DashStyle | undefined;
visible?: boolean;
width?: number;
};
set border(value: {
color?: string | undefined;
dashStyle?: DashStyle | undefined;
visible?: boolean;
width?: number;
});
get closeValueField(): string;
set closeValueField(value: string);
get color(): ChartsColor | string | undefined;
set color(value: ChartsColor | string | undefined);
get cornerRadius(): number;
set cornerRadius(value: number);
get dashStyle(): DashStyle;
set dashStyle(value: DashStyle);
get highValueField(): string;
set highValueField(value: string);
get hoverMode(): SeriesHoverMode | PieChartSeriesInteractionMode;
set hoverMode(value: SeriesHoverMode | PieChartSeriesInteractionMode);
get hoverStyle(): {
border?: {
color?: string | undefined;
dashStyle?: DashStyle | undefined;
visible?: boolean;
width?: number;
};
color?: ChartsColor | string | undefined;
dashStyle?: DashStyle;
hatching?: {
direction?: HatchDirection;
opacity?: number;
step?: number;
width?: number;
};
highlight?: boolean;
width?: number;
} | {
border?: {
color?: string | undefined;
dashStyle?: DashStyle | undefined;
visible?: boolean;
width?: number;
};
color?: ChartsColor | string | undefined;
hatching?: {
direction?: HatchDirection;
opacity?: number;
step?: number;
width?: number;
};
highlight?: boolean;
};
set hoverStyle(value: {
border?: {
color?: string | undefined;
dashStyle?: DashStyle | undefined;
visible?: boolean;
width?: number;
};
color?: ChartsColor | string | undefined;
dashStyle?: DashStyle;
hatching?: {
direction?: HatchDirection;
opacity?: number;
step?: number;
width?: number;
};
highlight?: boolean;
width?: number;
} | {
border?: {
color?: string | undefined;
dashStyle?: DashStyle | undefined;
visible?: boolean;
width?: number;
};
color?: ChartsColor | string | undefined;
hatching?: {
direction?: HatchDirection;
opacity?: number;
step?: number;
width?: number;
};
highlight?: boolean;
});
get ignoreEmptyPoints(): boolean;
set ignoreEmptyPoints(value: boolean);
get innerColor(): string;
set innerColor(value: string);
get label(): {
alignment?: HorizontalAlignment;
argumentFormat?: Format | string | undefined;
backgroundColor?: string | undefined;
border?: {
color?: string | undefined;
dashStyle?: DashStyle | undefined;
visible?: boolean;
width?: number;
};
connector?: {
color?: string | undefined;
visible?: boolean;
width?: number;
};
customizeText?: Function;
displayFormat?: string | undefined;
font?: Font;
format?: Format | string | undefined;
horizontalOffset?: number;
position?: RelativePosition;
rotationAngle?: number;
showForZeroValues?: boolean;
verticalOffset?: number;
visible?: boolean;
} | {
argumentFormat?: Format | string | undefined;
backgroundColor?: string | undefined;
border?: {
color?: string | undefined;
dashStyle?: DashStyle | undefined;
visible?: boolean;
width?: number;
};
connector?: {
color?: string | undefined;
visible?: boolean;
width?: number;
};
customizeText?: Function;
displayFormat?: string | undefined;
font?: Font;
format?: Format | string | undefined;
position?: LabelPosition;
radialOffset?: number;
rotationAngle?: number;
textOverflow?: TextOverflow;
visible?: boolean;
wordWrap?: WordWrap;
} | {
argumentFormat?: Format | string | undefined;
backgroundColor?: string | undefined;
border?: {
color?: string | undefined;
dashStyle?: DashStyle | undefined;
visible?: boolean;
width?: number;
};
connector?: {
color?: string | undefined;
visible?: boolean;
width?: number;
};
customizeText?: Function;
displayFormat?: string | undefined;
font?: Font;
format?: Format | string | undefined;
position?: RelativePosition;
rotationAngle?: number;
showForZeroValues?: boolean;
visible?: boolean;
};
set label(value: {
alignment?: HorizontalAlignment;
argumentFormat?: Format | string | undefined;
backgroundColor?: string | undefined;
border?: {
color?: string | undefined;
dashStyle?: DashStyle | undefined;
visible?: boolean;
width?: number;
};
connector?: {
color?: string | undefined;
visible?: boolean;
width?: number;
};
customizeText?: Function;
displayFormat?: string | undefined;
font?: Font;
format?: Format | string | undefined;
horizontalOffset?: number;
position?: RelativePosition;
rotationAngle?: number;
showForZeroValues?: boolean;
verticalOffset?: number;
visible?: boolean;
} | {
argumentFormat?: Format | string | undefined;
backgroundColor?: string | undefined;
border?: {
color?: string | undefined;
dashStyle?: DashStyle | undefined;
visible?: boolean;
width?: number;
};
connector?: {
color?: string | undefined;
visible?: boolean;
width?: number;
};
customizeText?: Function;
displayFormat?: string | undefined;
font?: Font;
format?: Format | string | undefined;
position?: LabelPosition;
radialOffset?: number;
rotationAngle?: number;
textOverflow?: TextOverflow;
visible?: boolean;
wordWrap?: WordWrap;
} | {
argumentFormat?: Format | string | undefined;
backgroundColor?: string | undefined;
border?: {
color?: string | undefined;
dashStyle?: DashStyle | undefined;
visible?: boolean;
width?: number;
};
connector?: {
color?: string | undefined;
visible?: boolean;
width?: number;
};
customizeText?: Function;
displayFormat?: string | undefined;
font?: Font;
format?: Format | string | undefined;
position?: RelativePosition;
rotationAngle?: number;
showForZeroValues?: boolean;
visible?: boolean;
});
get lowValueField(): string;
set lowValueField(value: string);
get maxLabelCount(): number | undefined;
set maxLabelCount(value: number | undefined);
get minBarSize(): number | undefined;
set minBarSize(value: number | undefined);
get name(): string | undefined;
set name(value: string | undefined);
get opacity(): number;
set opacity(value: number);
get openValueField(): string;
set openValueField(value: string);
get pane(): string;
set pane(value: string);
get point(): {
border?: {
color?: string | undefined;
visible?: boolean;
width?: number;
};
color?: ChartsColor | string | undefined;
hoverMode?: PointInteractionMode;
hoverStyle?: {
border?: {
color?: string | undefined;
visible?: boolean;
width?: number;
};
color?: ChartsColor | string | undefined;
size?: number | undefined;
};
image?: string | undefined | {
height?: number | {
rangeMaxPoint?: number | undefined;
rangeMinPoint?: number | undefined;
};
url?: string | undefined | {
rangeMaxPoint?: string | undefined;
rangeMinPoint?: string | undefined;
};
width?: number | {
rangeMaxPoint?: number | undefined;
rangeMinPoint?: number | undefined;
};
};
selectionMode?: PointInteractionMode;
selectionStyle?: {
border?: {
color?: string | undefined;
visible?: boolean;
width?: number;
};
color?: ChartsColor | string | undefined;
size?: number | undefined;
};
size?: number;
symbol?: PointSymbol;
visible?: boolean;
} | {
border?: {
color?: string | undefined;
visible?: boolean;
width?: number;
};
color?: ChartsColor | string | undefined;
hoverMode?: PointInteractionMode;
hoverStyle?: {
border?: {
color?: string | undefined;
visible?: boolean;
width?: number;
};
color?: ChartsColor | string | undefined;
size?: number;
};
image?: string | undefined | {
height?: number;
url?: string | undefined;
width?: number;
};
selectionMode?: PointInteractionMode;
selectionStyle?: {
border?: {
color?: string | undefined;
visible?: boolean;
width?: number;
};
color?: ChartsColor | string | undefined;
size?: number;
};
size?: number;
symbol?: PointSymbol;
visible?: boolean;
};
set point(value: {
border?: {
color?: string | undefined;
visible?: boolean;
width?: number;
};
color?: ChartsColor | string | undefined;
hoverMode?: PointInteractionMode;
hoverStyle?: {
border?: {
color?: string | undefined;
visible?: boolean;
width?: number;
};
color?: ChartsColor | string | undefined;
size?: number | undefined;
};
image?: string | undefined | {
height?: number | {
rangeMaxPoint?: number | undefined;
rangeMinPoint?: number | undefined;
};
url?: string | undefined | {
rangeMaxPoint?: string | undefined;
rangeMinPoint?: string | undefined;
};
width?: number | {
rangeMaxPoint?: number | undefined;
rangeMinPoint?: number | undefined;
};
};
selectionMode?: PointInteractionMode;
selectionStyle?: {
border?: {
color?: string | undefined;
visible?: boolean;
width?: number;
};
color?: ChartsColor | string | undefined;
size?: number | undefined;
};
size?: number;
symbol?: PointSymbol;
visible?: boolean;
} | {
border?: {
color?: string | undefined;
visible?: boolean;
width?: number;
};
color?: ChartsColor | string | undefined;
hoverMode?: PointInteractionMode;
hoverStyle?: {
border?: {
color?: string | undefined;
visible?: boolean;
width?: number;
};
color?: ChartsColor | string | undefined;
size?: number;
};
image?: string | undefined | {
height?: number;
url?: string | undefined;
width?: number;
};
selectionMode?: PointInteractionMode;
selectionStyle?: {
border?: {
color?: string | undefined;
visible?: boolean;
width?: number;
};
color?: ChartsColor | string | undefined;
size?: number;
};
size?: number;
symbol?: PointSymbol;
visible?: boolean;
});
get rangeValue1Field(): string;
set rangeValue1Field(value: string);
get rangeValue2Field(): string;
set rangeValue2Field(value: string);
get reduction(): {
color?: string;
level?: FinancialChartReductionLevel;
};
set reduction(value: {
color?: string;
level?: FinancialChartReductionLevel;
});
get selectionMode(): SeriesSelectionMode | PieChartSeriesInteractionMode;
set selectionMode(value: SeriesSelectionMode | PieChartSeriesInteractionMode);
get selectionStyle(): {
border?: {
color?: string | undefined;
dashStyle?: DashStyle | undefined;
visible?: boolean;
width?: number;
};
color?: ChartsColor | string | undefined;
dashStyle?: DashStyle;
hatching?: {
direction?: HatchDirection;
opacity?: number;
step?: number;
width?: number;
};
highlight?: boolean;
width?: number;
} | {
border?: {
color?: string | undefined;
dashStyle?: DashStyle | undefined;
visible?: boolean;
width?: number;
};
color?: ChartsColor | string | undefined;
hatching?: {
direction?: HatchDirection;
opacity?: number;
step?: number;
width?: number;
};
highlight?: boolean;
};
set selectionStyle(value: {
border?: {
color?: string | undefined;
dashStyle?: DashStyle | undefined;
visible?: boolean;
width?: number;
};
color?: ChartsColor | string | undefined;
dashStyle?: DashStyle;
hatching?: {
direction?: HatchDirection;
opacity?: number;
step?: number;
width?: number;
};
highlight?: boolean;
width?: number;
} | {
border?: {
color?: string | undefined;
dashStyle?: DashStyle | undefined;
visible?: boolean;
width?: number;
};
color?: ChartsColor | string | undefined;
hatching?: {
direction?: HatchDirection;
opacity?: number;
step?: number;
width?: number;
};
highlight?: boolean;
});
get showInLegend(): boolean;
set showInLegend(value: boolean);
get sizeField(): string;
set sizeField(value: string);
get stack(): string;
set stack(value: string);
get tag(): any | undefined;
set tag(value: any | undefined);
get tagField(): string;
set tagField(value: string);
get type(): SeriesType | PolarChartSeriesType;
set type(value: SeriesType | PolarChartSeriesType);
get valueErrorBar(): {
color?: string;
displayMode?: ValueErrorBarDisplayMode;
edgeLength?: number;
highValueField?: string | undefined;
lineWidth?: number;
lowValueField?: string | undefined;
opacity?: number | undefined;
type?: ValueErrorBarType | undefined;
value?: number;
};
set valueErrorBar(value: {
color?: string;
displayMode?: ValueErrorBarDisplayMode;
edgeLength?: number;
highValueField?: string | undefined;
lineWidth?: number;
lowValueField?: string | undefined;
opacity?: number | undefined;
type?: ValueErrorBarType | undefined;
value?: number;
});
get valueField(): string;
set valueField(value: string);
get visible(): boolean;
set visible(value: boolean);
get width(): number;
set width(value: number);
get argumentType(): ChartsDataType | undefined;
set argumentType(value: ChartsDataType | undefined);
get minSegmentSize(): number | undefined;
set minSegmentSize(value: number | undefined);
get smallValuesGrouping(): {
groupName?: string;
mode?: SmallValuesGroupingMode;
threshold?: number | undefined;
topCount?: number | undefined;
};
set smallValuesGrouping(value: {
groupName?: string;
mode?: SmallValuesGroupingMode;
threshold?: number | undefined;
topCount?: number | undefined;
});
get closed(): boolean;
set closed(value: boolean);
static ɵfac: i0.ɵɵFactoryDeclaration<DxiChartSeries, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<DxiChartSeries, "ng-component", never, {}, {}, never, never, false, never>;
}