/*!
* devextreme-react
* Version: 22.2.6
* Build date: Tue Apr 18 2023
*
* Copyright (c) 2012 - 2023 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-react
*/
///
import dxPieChart, { Properties } from "devextreme/viz/pie_chart";
import { Component as BaseComponent, IHtmlOptions } from "./core/component";
import NestedOption from "./core/nested-option";
declare type IPieChartOptions = React.PropsWithChildren React.ReactNode;
centerComponent?: React.ComponentType;
centerKeyFn?: (data: any) => string;
defaultLoadingIndicator?: any;
onLoadingIndicatorChange?: (value: any) => void;
}>;
declare class PieChart extends BaseComponent> {
get instance(): dxPieChart;
protected _WidgetClass: typeof dxPieChart;
protected subscribableOptions: string[];
protected independentEvents: string[];
protected _defaults: {
defaultLoadingIndicator: string;
};
protected _expectedChildren: {
adaptiveLayout: {
optionName: string;
isCollectionItem: boolean;
};
animation: {
optionName: string;
isCollectionItem: boolean;
};
annotation: {
optionName: string;
isCollectionItem: boolean;
};
commonAnnotationSettings: {
optionName: string;
isCollectionItem: boolean;
};
commonSeriesSettings: {
optionName: string;
isCollectionItem: boolean;
};
export: {
optionName: string;
isCollectionItem: boolean;
};
legend: {
optionName: string;
isCollectionItem: boolean;
};
loadingIndicator: {
optionName: string;
isCollectionItem: boolean;
};
margin: {
optionName: string;
isCollectionItem: boolean;
};
pieChartTitle: {
optionName: string;
isCollectionItem: boolean;
};
series: {
optionName: string;
isCollectionItem: boolean;
};
seriesTemplate: {
optionName: string;
isCollectionItem: boolean;
};
size: {
optionName: string;
isCollectionItem: boolean;
};
title: {
optionName: string;
isCollectionItem: boolean;
};
tooltip: {
optionName: string;
isCollectionItem: boolean;
};
};
protected _templateProps: {
tmplOption: string;
render: string;
component: string;
keyFn: string;
}[];
}
declare type IAdaptiveLayoutProps = React.PropsWithChildren<{
height?: any;
keepLabels?: any;
width?: any;
}>;
declare class AdaptiveLayout extends NestedOption {
static OptionName: string;
}
declare type IAnimationProps = React.PropsWithChildren<{
duration?: any;
easing?: any;
enabled?: any;
maxPointCountSupported?: any;
}>;
declare class Animation extends NestedOption {
static OptionName: string;
}
declare type IAnnotationProps = React.PropsWithChildren<{
allowDragging?: any;
argument?: any;
arrowLength?: any;
arrowWidth?: any;
border?: object | {
color?: any;
cornerRadius?: any;
dashStyle?: any;
opacity?: any;
visible?: any;
width?: any;
};
color?: any;
customizeTooltip?: any;
data?: any;
description?: any;
font?: any;
height?: any;
image?: object | string | {
height?: any;
url?: any;
width?: any;
};
location?: any;
name?: any;
offsetX?: any;
offsetY?: any;
opacity?: any;
paddingLeftRight?: any;
paddingTopBottom?: any;
series?: any;
shadow?: object | {
blur?: any;
color?: any;
offsetX?: any;
offsetY?: any;
opacity?: any;
};
template?: any;
text?: any;
textOverflow?: any;
tooltipEnabled?: any;
tooltipTemplate?: any;
type?: any;
width?: any;
wordWrap?: any;
x?: any;
y?: any;
render?: (...params: any) => React.ReactNode;
component?: React.ComponentType;
keyFn?: (data: any) => string;
tooltipRender?: (...params: any) => React.ReactNode;
tooltipComponent?: React.ComponentType;
tooltipKeyFn?: (data: any) => string;
}>;
declare class Annotation extends NestedOption {
static OptionName: string;
static IsCollectionItem: boolean;
static ExpectedChildren: {
annotationBorder: {
optionName: string;
isCollectionItem: boolean;
};
border: {
optionName: string;
isCollectionItem: boolean;
};
font: {
optionName: string;
isCollectionItem: boolean;
};
image: {
optionName: string;
isCollectionItem: boolean;
};
shadow: {
optionName: string;
isCollectionItem: boolean;
};
};
static TemplateProps: {
tmplOption: string;
render: string;
component: string;
keyFn: string;
}[];
}
declare type IAnnotationBorderProps = React.PropsWithChildren<{
color?: any;
cornerRadius?: any;
dashStyle?: any;
opacity?: any;
visible?: any;
width?: any;
}>;
declare class AnnotationBorder extends NestedOption {
static OptionName: string;
}
declare type IArgumentFormatProps = React.PropsWithChildren<{
currency?: any;
formatter?: any;
parser?: any;
precision?: any;
type?: any;
useCurrencyAccountingStyle?: any;
}>;
declare class ArgumentFormat extends NestedOption {
static OptionName: string;
}
declare type IBorderProps = React.PropsWithChildren<{
color?: any;
cornerRadius?: any;
dashStyle?: any;
opacity?: any;
visible?: any;
width?: any;
}>;
declare class Border extends NestedOption {
static OptionName: string;
}
declare type ICommonAnnotationSettingsProps = React.PropsWithChildren<{
allowDragging?: any;
argument?: any;
arrowLength?: any;
arrowWidth?: any;
border?: object | {
color?: any;
cornerRadius?: any;
dashStyle?: any;
opacity?: any;
visible?: any;
width?: any;
};
color?: any;
customizeTooltip?: any;
data?: any;
description?: any;
font?: any;
height?: any;
image?: object | string | {
height?: any;
url?: any;
width?: any;
};
location?: any;
offsetX?: any;
offsetY?: any;
opacity?: any;
paddingLeftRight?: any;
paddingTopBottom?: any;
series?: any;
shadow?: object | {
blur?: any;
color?: any;
offsetX?: any;
offsetY?: any;
opacity?: any;
};
template?: any;
text?: any;
textOverflow?: any;
tooltipEnabled?: any;
tooltipTemplate?: any;
type?: any;
width?: any;
wordWrap?: any;
x?: any;
y?: any;
render?: (...params: any) => React.ReactNode;
component?: React.ComponentType;
keyFn?: (data: any) => string;
tooltipRender?: (...params: any) => React.ReactNode;
tooltipComponent?: React.ComponentType;
tooltipKeyFn?: (data: any) => string;
}>;
declare class CommonAnnotationSettings extends NestedOption {
static OptionName: string;
static TemplateProps: {
tmplOption: string;
render: string;
component: string;
keyFn: string;
}[];
}
declare type ICommonSeriesSettingsProps = React.PropsWithChildren<{
argumentField?: any;
argumentType?: any;
border?: object | {
color?: any;
dashStyle?: any;
visible?: any;
width?: any;
};
color?: any;
hoverMode?: any;
hoverStyle?: object | {
border?: object | {
color?: any;
dashStyle?: any;
visible?: any;
width?: any;
};
color?: any;
hatching?: object | {
direction?: any;
opacity?: any;
step?: any;
width?: any;
};
};
label?: object | {
argumentFormat?: any;
backgroundColor?: any;
border?: object | {
color?: any;
dashStyle?: any;
visible?: any;
width?: any;
};
connector?: object | {
color?: any;
visible?: any;
width?: any;
};
customizeText?: any;
displayFormat?: any;
font?: any;
format?: any;
position?: any;
radialOffset?: any;
rotationAngle?: any;
textOverflow?: any;
visible?: any;
wordWrap?: any;
};
maxLabelCount?: any;
minSegmentSize?: any;
selectionMode?: any;
selectionStyle?: object | {
border?: object | {
color?: any;
dashStyle?: any;
visible?: any;
width?: any;
};
color?: any;
hatching?: object | {
direction?: any;
opacity?: any;
step?: any;
width?: any;
};
};
smallValuesGrouping?: object | {
groupName?: any;
mode?: any;
threshold?: any;
topCount?: any;
};
tagField?: any;
valueField?: any;
}>;
declare class CommonSeriesSettings extends NestedOption {
static OptionName: string;
static ExpectedChildren: {
border: {
optionName: string;
isCollectionItem: boolean;
};
hoverStyle: {
optionName: string;
isCollectionItem: boolean;
};
label: {
optionName: string;
isCollectionItem: boolean;
};
selectionStyle: {
optionName: string;
isCollectionItem: boolean;
};
seriesBorder: {
optionName: string;
isCollectionItem: boolean;
};
smallValuesGrouping: {
optionName: string;
isCollectionItem: boolean;
};
};
}
declare type IConnectorProps = React.PropsWithChildren<{
color?: any;
visible?: any;
width?: any;
}>;
declare class Connector extends NestedOption {
static OptionName: string;
}
declare type IExportProps = React.PropsWithChildren<{
backgroundColor?: any;
enabled?: any;
fileName?: any;
formats?: any;
margin?: any;
printingEnabled?: any;
svgToCanvas?: any;
}>;
declare class Export extends NestedOption {
static OptionName: string;
}
declare type IFontProps = React.PropsWithChildren<{
color?: any;
family?: any;
opacity?: any;
size?: any;
weight?: any;
}>;
declare class Font extends NestedOption {
static OptionName: string;
}
declare type IFormatProps = React.PropsWithChildren<{
currency?: any;
formatter?: any;
parser?: any;
precision?: any;
type?: any;
useCurrencyAccountingStyle?: any;
}>;
declare class Format extends NestedOption {
static OptionName: string;
}
declare type IHatchingProps = React.PropsWithChildren<{
direction?: any;
opacity?: any;
step?: any;
width?: any;
}>;
declare class Hatching extends NestedOption {
static OptionName: string;
}
declare type IHoverStyleProps = React.PropsWithChildren<{
border?: object | {
color?: any;
dashStyle?: any;
visible?: any;
width?: any;
};
color?: any;
hatching?: object | {
direction?: any;
opacity?: any;
step?: any;
width?: any;
};
}>;
declare class HoverStyle extends NestedOption {
static OptionName: string;
static ExpectedChildren: {
border: {
optionName: string;
isCollectionItem: boolean;
};
hatching: {
optionName: string;
isCollectionItem: boolean;
};
seriesBorder: {
optionName: string;
isCollectionItem: boolean;
};
};
}
declare type IImageProps = React.PropsWithChildren<{
height?: any;
url?: any;
width?: any;
}>;
declare class Image extends NestedOption {
static OptionName: string;
}
declare type ILabelProps = React.PropsWithChildren<{
argumentFormat?: any;
backgroundColor?: any;
border?: object | {
color?: any;
dashStyle?: any;
visible?: any;
width?: any;
};
connector?: object | {
color?: any;
visible?: any;
width?: any;
};
customizeText?: any;
displayFormat?: any;
font?: any;
format?: any;
position?: any;
radialOffset?: any;
rotationAngle?: any;
textOverflow?: any;
visible?: any;
wordWrap?: any;
}>;
declare class Label extends NestedOption {
static OptionName: string;
static ExpectedChildren: {
argumentFormat: {
optionName: string;
isCollectionItem: boolean;
};
border: {
optionName: string;
isCollectionItem: boolean;
};
connector: {
optionName: string;
isCollectionItem: boolean;
};
font: {
optionName: string;
isCollectionItem: boolean;
};
format: {
optionName: string;
isCollectionItem: boolean;
};
seriesBorder: {
optionName: string;
isCollectionItem: boolean;
};
};
}
declare type ILegendProps = React.PropsWithChildren<{
backgroundColor?: any;
border?: object | {
color?: any;
cornerRadius?: any;
dashStyle?: any;
opacity?: any;
visible?: any;
width?: any;
};
columnCount?: any;
columnItemSpacing?: any;
customizeHint?: any;
customizeItems?: any;
customizeText?: any;
font?: any;
horizontalAlignment?: any;
hoverMode?: any;
itemsAlignment?: any;
itemTextPosition?: any;
margin?: number | object | {
bottom?: any;
left?: any;
right?: any;
top?: any;
};
markerSize?: any;
markerTemplate?: any;
orientation?: any;
paddingLeftRight?: any;
paddingTopBottom?: any;
rowCount?: any;
rowItemSpacing?: any;
title?: object | string | {
font?: any;
horizontalAlignment?: any;
margin?: object | {
bottom?: any;
left?: any;
right?: any;
top?: any;
};
placeholderSize?: any;
subtitle?: object | string | {
font?: any;
offset?: any;
text?: any;
};
text?: any;
verticalAlignment?: any;
};
verticalAlignment?: any;
visible?: any;
markerRender?: (...params: any) => React.ReactNode;
markerComponent?: React.ComponentType;
markerKeyFn?: (data: any) => string;
}>;
declare class Legend extends NestedOption {
static OptionName: string;
static ExpectedChildren: {
annotationBorder: {
optionName: string;
isCollectionItem: boolean;
};
border: {
optionName: string;
isCollectionItem: boolean;
};
font: {
optionName: string;
isCollectionItem: boolean;
};
legendTitle: {
optionName: string;
isCollectionItem: boolean;
};
margin: {
optionName: string;
isCollectionItem: boolean;
};
title: {
optionName: string;
isCollectionItem: boolean;
};
};
static TemplateProps: {
tmplOption: string;
render: string;
component: string;
keyFn: string;
}[];
}
declare type ILegendTitleProps = React.PropsWithChildren<{
font?: any;
horizontalAlignment?: any;
margin?: object | {
bottom?: any;
left?: any;
right?: any;
top?: any;
};
placeholderSize?: any;
subtitle?: object | string | {
font?: any;
offset?: any;
text?: any;
};
text?: any;
verticalAlignment?: any;
}>;
declare class LegendTitle extends NestedOption {
static OptionName: string;
static ExpectedChildren: {
font: {
optionName: string;
isCollectionItem: boolean;
};
legendTitleSubtitle: {
optionName: string;
isCollectionItem: boolean;
};
margin: {
optionName: string;
isCollectionItem: boolean;
};
subtitle: {
optionName: string;
isCollectionItem: boolean;
};
};
}
declare type ILegendTitleSubtitleProps = React.PropsWithChildren<{
font?: any;
offset?: any;
text?: any;
}>;
declare class LegendTitleSubtitle extends NestedOption {
static OptionName: string;
static ExpectedChildren: {
font: {
optionName: string;
isCollectionItem: boolean;
};
};
}
declare type ILoadingIndicatorProps = React.PropsWithChildren<{
backgroundColor?: any;
enabled?: any;
font?: any;
show?: any;
text?: any;
defaultShow?: any;
onShowChange?: (value: any) => void;
}>;
declare class LoadingIndicator extends NestedOption {
static OptionName: string;
static DefaultsProps: {
defaultShow: string;
};
static ExpectedChildren: {
font: {
optionName: string;
isCollectionItem: boolean;
};
};
}
declare type IMarginProps = React.PropsWithChildren<{
bottom?: any;
left?: any;
right?: any;
top?: any;
}>;
declare class Margin extends NestedOption {
static OptionName: string;
}
declare type IPieChartTitleProps = React.PropsWithChildren<{
font?: any;
horizontalAlignment?: any;
margin?: number | object | {
bottom?: any;
left?: any;
right?: any;
top?: any;
};
placeholderSize?: any;
subtitle?: object | string | {
font?: any;
offset?: any;
text?: any;
textOverflow?: any;
wordWrap?: any;
};
text?: any;
textOverflow?: any;
verticalAlignment?: any;
wordWrap?: any;
}>;
declare class PieChartTitle extends NestedOption {
static OptionName: string;
static ExpectedChildren: {
font: {
optionName: string;
isCollectionItem: boolean;
};
margin: {
optionName: string;
isCollectionItem: boolean;
};
pieChartTitleSubtitle: {
optionName: string;
isCollectionItem: boolean;
};
subtitle: {
optionName: string;
isCollectionItem: boolean;
};
};
}
declare type IPieChartTitleSubtitleProps = React.PropsWithChildren<{
font?: any;
offset?: any;
text?: any;
textOverflow?: any;
wordWrap?: any;
}>;
declare class PieChartTitleSubtitle extends NestedOption {
static OptionName: string;
static ExpectedChildren: {
font: {
optionName: string;
isCollectionItem: boolean;
};
};
}
declare type ISelectionStyleProps = React.PropsWithChildren<{
border?: object | {
color?: any;
dashStyle?: any;
visible?: any;
width?: any;
};
color?: any;
hatching?: object | {
direction?: any;
opacity?: any;
step?: any;
width?: any;
};
}>;
declare class SelectionStyle extends NestedOption {
static OptionName: string;
static ExpectedChildren: {
border: {
optionName: string;
isCollectionItem: boolean;
};
hatching: {
optionName: string;
isCollectionItem: boolean;
};
seriesBorder: {
optionName: string;
isCollectionItem: boolean;
};
};
}
declare type ISeriesProps = React.PropsWithChildren<{
argumentField?: any;
argumentType?: any;
border?: object | {
color?: any;
dashStyle?: any;
visible?: any;
width?: any;
};
color?: any;
hoverMode?: any;
hoverStyle?: object | {
border?: object | {
color?: any;
dashStyle?: any;
visible?: any;
width?: any;
};
color?: any;
hatching?: object | {
direction?: any;
opacity?: any;
step?: any;
width?: any;
};
};
label?: object | {
argumentFormat?: any;
backgroundColor?: any;
border?: object | {
color?: any;
dashStyle?: any;
visible?: any;
width?: any;
};
connector?: object | {
color?: any;
visible?: any;
width?: any;
};
customizeText?: any;
displayFormat?: any;
font?: any;
format?: any;
position?: any;
radialOffset?: any;
rotationAngle?: any;
textOverflow?: any;
visible?: any;
wordWrap?: any;
};
maxLabelCount?: any;
minSegmentSize?: any;
name?: any;
selectionMode?: any;
selectionStyle?: object | {
border?: object | {
color?: any;
dashStyle?: any;
visible?: any;
width?: any;
};
color?: any;
hatching?: object | {
direction?: any;
opacity?: any;
step?: any;
width?: any;
};
};
smallValuesGrouping?: object | {
groupName?: any;
mode?: any;
threshold?: any;
topCount?: any;
};
tag?: any;
tagField?: any;
valueField?: any;
}>;
declare class Series extends NestedOption {
static OptionName: string;
static IsCollectionItem: boolean;
}
declare type ISeriesBorderProps = React.PropsWithChildren<{
color?: any;
dashStyle?: any;
visible?: any;
width?: any;
}>;
declare class SeriesBorder extends NestedOption {
static OptionName: string;
}
declare type ISeriesTemplateProps = React.PropsWithChildren<{
customizeSeries?: any;
nameField?: any;
}>;
declare class SeriesTemplate extends NestedOption {
static OptionName: string;
}
declare type IShadowProps = React.PropsWithChildren<{
blur?: any;
color?: any;
offsetX?: any;
offsetY?: any;
opacity?: any;
}>;
declare class Shadow extends NestedOption {
static OptionName: string;
}
declare type ISizeProps = React.PropsWithChildren<{
height?: any;
width?: any;
}>;
declare class Size extends NestedOption {
static OptionName: string;
}
declare type ISmallValuesGroupingProps = React.PropsWithChildren<{
groupName?: any;
mode?: any;
threshold?: any;
topCount?: any;
}>;
declare class SmallValuesGrouping extends NestedOption {
static OptionName: string;
}
declare type ISubtitleProps = React.PropsWithChildren<{
font?: any;
offset?: any;
text?: any;
textOverflow?: any;
wordWrap?: any;
}>;
declare class Subtitle extends NestedOption {
static OptionName: string;
}
declare type ITitleProps = React.PropsWithChildren<{
font?: any;
horizontalAlignment?: any;
margin?: object | {
bottom?: any;
left?: any;
right?: any;
top?: any;
};
placeholderSize?: any;
subtitle?: object | string | {
font?: any;
offset?: any;
text?: any;
};
text?: any;
verticalAlignment?: any;
textOverflow?: any;
wordWrap?: any;
}>;
declare class Title extends NestedOption {
static OptionName: string;
}
declare type ITooltipProps = React.PropsWithChildren<{
argumentFormat?: any;
arrowLength?: any;
border?: object | {
color?: any;
dashStyle?: any;
opacity?: any;
visible?: any;
width?: any;
};
color?: any;
container?: any;
contentTemplate?: any;
cornerRadius?: any;
customizeTooltip?: any;
enabled?: any;
font?: any;
format?: any;
interactive?: any;
opacity?: any;
paddingLeftRight?: any;
paddingTopBottom?: any;
shadow?: object | {
blur?: any;
color?: any;
offsetX?: any;
offsetY?: any;
opacity?: any;
};
shared?: any;
zIndex?: any;
contentRender?: (...params: any) => React.ReactNode;
contentComponent?: React.ComponentType;
contentKeyFn?: (data: any) => string;
}>;
declare class Tooltip extends NestedOption {
static OptionName: string;
static ExpectedChildren: {
argumentFormat: {
optionName: string;
isCollectionItem: boolean;
};
border: {
optionName: string;
isCollectionItem: boolean;
};
font: {
optionName: string;
isCollectionItem: boolean;
};
format: {
optionName: string;
isCollectionItem: boolean;
};
shadow: {
optionName: string;
isCollectionItem: boolean;
};
tooltipBorder: {
optionName: string;
isCollectionItem: boolean;
};
};
static TemplateProps: {
tmplOption: string;
render: string;
component: string;
keyFn: string;
}[];
}
declare type ITooltipBorderProps = React.PropsWithChildren<{
color?: any;
dashStyle?: any;
opacity?: any;
visible?: any;
width?: any;
}>;
declare class TooltipBorder extends NestedOption {
static OptionName: string;
}
export default PieChart;
export { PieChart, IPieChartOptions, AdaptiveLayout, IAdaptiveLayoutProps, Animation, IAnimationProps, Annotation, IAnnotationProps, AnnotationBorder, IAnnotationBorderProps, ArgumentFormat, IArgumentFormatProps, Border, IBorderProps, CommonAnnotationSettings, ICommonAnnotationSettingsProps, CommonSeriesSettings, ICommonSeriesSettingsProps, Connector, IConnectorProps, Export, IExportProps, Font, IFontProps, Format, IFormatProps, Hatching, IHatchingProps, HoverStyle, IHoverStyleProps, Image, IImageProps, Label, ILabelProps, Legend, ILegendProps, LegendTitle, ILegendTitleProps, LegendTitleSubtitle, ILegendTitleSubtitleProps, LoadingIndicator, ILoadingIndicatorProps, Margin, IMarginProps, PieChartTitle, IPieChartTitleProps, PieChartTitleSubtitle, IPieChartTitleSubtitleProps, SelectionStyle, ISelectionStyleProps, Series, ISeriesProps, SeriesBorder, ISeriesBorderProps, SeriesTemplate, ISeriesTemplateProps, Shadow, IShadowProps, Size, ISizeProps, SmallValuesGrouping, ISmallValuesGroupingProps, Subtitle, ISubtitleProps, Title, ITitleProps, Tooltip, ITooltipProps, TooltipBorder, ITooltipBorderProps };