/*! * devextreme-react * Version: 25.2.7 * Build date: Tue May 05 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 */ import * as React from "react"; import { Ref, ReactElement } from "react"; import dxChart, { Properties } from "devextreme/viz/chart"; import { IHtmlOptions, NestedComponentMeta } from "./core/component"; import type { ArgumentAxisClickEvent, DisposingEvent, DoneEvent, DrawnEvent, ExportedEvent, ExportingEvent, FileSavingEvent, IncidentOccurredEvent, InitializedEvent, LegendClickEvent, PointClickEvent, SeriesClickEvent, TooltipHiddenEvent, TooltipShownEvent, ZoomEndEvent, ZoomStartEvent, chartPointAggregationInfoObject, chartSeriesObject, ChartSeriesAggregationMethod, dxChartAnnotationConfig, AggregatedPointsPosition, ChartLabelDisplayMode, FinancialChartReductionLevel, chartPointObject, dxChartPointInfo, ChartTooltipLocation, ChartZoomAndPanMode, EventKeyModifier } from "devextreme/viz/chart"; import type { AnimationEaseMode, DashStyle, Font as ChartsFont, TextOverflow, AnnotationType, WordWrap, TimeInterval, ChartsDataType, ScaleBreak, ScaleBreakLineStyle, RelativePosition, DiscreteAxisDivisionMode, ArgumentAxisHoverMode, ChartsAxisLabelOverlap, AxisScaleType, VisualRangeUpdateMode, ChartsColor, SeriesHoverMode, HatchDirection, PointInteractionMode, PointSymbol, SeriesSelectionMode, SeriesType, ValueErrorBarDisplayMode, ValueErrorBarType, LegendItem, LegendHoverMode, ValueAxisVisualRangeUpdateMode } from "devextreme/common/charts"; import type { template, HorizontalAlignment, VerticalAlignment, Format as CommonFormat, Position, VerticalEdge, ExportFormat, Orientation } from "devextreme/common"; import type { Format as LocalizationFormat } from "devextreme/common/core/localization"; import type { ChartSeries } from "devextreme/viz/common"; import type * as CommonChartTypes from "devextreme/common/charts"; type ReplaceFieldTypes = { [P in keyof TSource]: P extends keyof TReplacement ? TReplacement[P] : TSource[P]; }; type IChartOptionsNarrowedEvents = { onArgumentAxisClick?: ((e: ArgumentAxisClickEvent) => void); onDisposing?: ((e: DisposingEvent) => void); onDone?: ((e: DoneEvent) => void); onDrawn?: ((e: DrawnEvent) => void); onExported?: ((e: ExportedEvent) => void); onExporting?: ((e: ExportingEvent) => void); onFileSaving?: ((e: FileSavingEvent) => void); onIncidentOccurred?: ((e: IncidentOccurredEvent) => void); onInitialized?: ((e: InitializedEvent) => void); onLegendClick?: ((e: LegendClickEvent) => void); onPointClick?: ((e: PointClickEvent) => void); onSeriesClick?: ((e: SeriesClickEvent) => void); onTooltipHidden?: ((e: TooltipHiddenEvent) => void); onTooltipShown?: ((e: TooltipShownEvent) => void); onZoomEnd?: ((e: ZoomEndEvent) => void); onZoomStart?: ((e: ZoomStartEvent) => void); }; type IChartOptions = React.PropsWithChildren & IHtmlOptions & { defaultArgumentAxis?: Record; defaultLoadingIndicator?: Record; defaultValueAxis?: Array> | Record; onArgumentAxisChange?: (value: Record) => void; onLoadingIndicatorChange?: (value: Record) => void; onValueAxisChange?: (value: Array> | Record) => void; }>; interface ChartRef { instance: () => dxChart; } declare const Chart: (props: React.PropsWithChildren & { ref?: Ref; }) => ReactElement | null; type IAdaptiveLayoutProps = React.PropsWithChildren<{ height?: number; keepLabels?: boolean; width?: number; }>; declare const AdaptiveLayout: ((props: IAdaptiveLayoutProps) => React.FunctionComponentElement>) & NestedComponentMeta; type IAggregationProps = React.PropsWithChildren<{ calculate?: ((aggregationInfo: chartPointAggregationInfoObject, series: chartSeriesObject) => Record | Array>) | undefined; enabled?: boolean; method?: ChartSeriesAggregationMethod; }>; declare const Aggregation: ((props: IAggregationProps) => React.FunctionComponentElement Record | Array>) | undefined; enabled?: boolean | undefined; method?: ChartSeriesAggregationMethod | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type IAggregationIntervalProps = React.PropsWithChildren<{ days?: number; hours?: number; milliseconds?: number; minutes?: number; months?: number; quarters?: number; seconds?: number; weeks?: number; years?: number; }>; declare const AggregationInterval: ((props: IAggregationIntervalProps) => React.FunctionComponentElement>) & NestedComponentMeta; type IAnimationProps = React.PropsWithChildren<{ duration?: number; easing?: AnimationEaseMode; enabled?: boolean; maxPointCountSupported?: number; }>; declare const Animation: ((props: IAnimationProps) => React.FunctionComponentElement>) & NestedComponentMeta; type IAnnotationProps = React.PropsWithChildren<{ allowDragging?: boolean; argument?: Date | number | string | undefined; arrowLength?: number; arrowWidth?: number; axis?: string | undefined; border?: Record | { color?: string; cornerRadius?: number; dashStyle?: DashStyle; opacity?: number | undefined; visible?: boolean; width?: number; }; color?: string; customizeTooltip?: ((annotation: dxChartAnnotationConfig | any) => Record) | undefined; data?: any; description?: string | undefined; font?: ChartsFont; height?: number | undefined; image?: Record | string | { height?: number; url?: string | undefined; width?: number; }; name?: string | undefined; offsetX?: number | undefined; offsetY?: number | undefined; opacity?: number; paddingLeftRight?: number; paddingTopBottom?: number; series?: string | undefined; shadow?: Record | { blur?: number; color?: string; offsetX?: number; offsetY?: number; opacity?: number; }; template?: ((annotation: dxChartAnnotationConfig | any, element: any) => string | any) | template | undefined; text?: string | undefined; textOverflow?: TextOverflow; tooltipEnabled?: boolean; tooltipTemplate?: ((annotation: dxChartAnnotationConfig | any, element: any) => string | any) | template | undefined; type?: AnnotationType | undefined; value?: Date | number | string | undefined; width?: number | undefined; wordWrap?: WordWrap; x?: number | undefined; y?: number | undefined; render?: (...params: any) => React.ReactNode; component?: React.ComponentType; tooltipRender?: (...params: any) => React.ReactNode; tooltipComponent?: React.ComponentType; }>; declare const Annotation: ((props: IAnnotationProps) => React.FunctionComponentElement | { color?: string | undefined; cornerRadius?: number | undefined; dashStyle?: DashStyle | undefined; opacity?: number | undefined; visible?: boolean | undefined; width?: number | undefined; } | undefined; color?: string | undefined; customizeTooltip?: ((annotation: dxChartAnnotationConfig | any) => Record) | undefined; data?: any; description?: string | undefined; font?: ChartsFont | undefined; height?: number | undefined; image?: string | Record | { height?: number | undefined; url?: string | undefined; width?: number | undefined; } | undefined; name?: string | undefined; offsetX?: number | undefined; offsetY?: number | undefined; opacity?: number | undefined; paddingLeftRight?: number | undefined; paddingTopBottom?: number | undefined; series?: string | undefined; shadow?: Record | { blur?: number | undefined; color?: string | undefined; offsetX?: number | undefined; offsetY?: number | undefined; opacity?: number | undefined; } | undefined; template?: template | ((annotation: dxChartAnnotationConfig | any, element: any) => string | any) | undefined; text?: string | undefined; textOverflow?: TextOverflow | undefined; tooltipEnabled?: boolean | undefined; tooltipTemplate?: template | ((annotation: dxChartAnnotationConfig | any, element: any) => string | any) | undefined; type?: AnnotationType | undefined; value?: Date | number | string | undefined; width?: number | undefined; wordWrap?: WordWrap | undefined; x?: number | undefined; y?: number | undefined; render?: ((...params: any) => React.ReactNode) | undefined; component?: React.ComponentType | undefined; tooltipRender?: ((...params: any) => React.ReactNode) | undefined; tooltipComponent?: React.ComponentType | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type IAnnotationBorderProps = React.PropsWithChildren<{ color?: string; cornerRadius?: number; dashStyle?: DashStyle; opacity?: number | undefined; visible?: boolean; width?: number; }>; declare const AnnotationBorder: ((props: IAnnotationBorderProps) => React.FunctionComponentElement>) & NestedComponentMeta; type IAnnotationImageProps = React.PropsWithChildren<{ height?: number; url?: string | undefined; width?: number; }>; declare const AnnotationImage: ((props: IAnnotationImageProps) => React.FunctionComponentElement>) & NestedComponentMeta; type IArgumentAxisProps = React.PropsWithChildren<{ aggregatedPointsPosition?: AggregatedPointsPosition; aggregationGroupWidth?: number | undefined; aggregationInterval?: number | Record | TimeInterval | { days?: number; hours?: number; milliseconds?: number; minutes?: number; months?: number; quarters?: number; seconds?: number; weeks?: number; years?: number; }; allowDecimals?: boolean | undefined; argumentType?: ChartsDataType | undefined; axisDivisionFactor?: number; breaks?: Array | { endValue?: Date | number | string | undefined; startValue?: Date | number | string | undefined; }[]; breakStyle?: Record | { color?: string; line?: ScaleBreakLineStyle; width?: number; }; categories?: Array; color?: string; constantLines?: Array> | { color?: string; dashStyle?: DashStyle; displayBehindSeries?: boolean; extendAxis?: boolean; label?: Record | { font?: ChartsFont; horizontalAlignment?: HorizontalAlignment; position?: RelativePosition; text?: string | undefined; verticalAlignment?: VerticalAlignment; visible?: boolean; }; paddingLeftRight?: number; paddingTopBottom?: number; value?: Date | number | string | undefined; width?: number; }[]; constantLineStyle?: Record | { color?: string; dashStyle?: DashStyle; label?: Record | { font?: ChartsFont; horizontalAlignment?: HorizontalAlignment; position?: RelativePosition; verticalAlignment?: VerticalAlignment; visible?: boolean; }; paddingLeftRight?: number; paddingTopBottom?: number; width?: number; }; customPosition?: Date | number | string | undefined; customPositionAxis?: string | undefined; discreteAxisDivisionMode?: DiscreteAxisDivisionMode; endOnTick?: boolean; grid?: Record | { color?: string; opacity?: number | undefined; visible?: boolean; width?: number; }; holidays?: Array | Array; hoverMode?: ArgumentAxisHoverMode; inverted?: boolean; label?: Record | { alignment?: HorizontalAlignment | undefined; customizeHint?: ((argument: { value: Date | number | string; valueText: string; }) => string); customizeText?: ((argument: { value: Date | number | string; valueText: string; }) => string); displayMode?: ChartLabelDisplayMode; font?: ChartsFont; format?: LocalizationFormat | undefined; indentFromAxis?: number; overlappingBehavior?: ChartsAxisLabelOverlap; position?: Position | RelativePosition; rotationAngle?: number; staggeringSpacing?: number; template?: ((data: { value: Date | number | string; valueText: string; }, element: any) => string | any) | template | undefined; textOverflow?: TextOverflow; visible?: boolean; wordWrap?: WordWrap; }; linearThreshold?: number | undefined; logarithmBase?: number; maxValueMargin?: number | undefined; minorGrid?: Record | { color?: string; opacity?: number | undefined; visible?: boolean; width?: number; }; minorTick?: Record | { color?: string; length?: number; opacity?: number; shift?: number; visible?: boolean; width?: number; }; minorTickCount?: number | undefined; minorTickInterval?: number | Record | TimeInterval | { days?: number; hours?: number; milliseconds?: number; minutes?: number; months?: number; quarters?: number; seconds?: number; weeks?: number; years?: number; }; minValueMargin?: number | undefined; minVisualRangeLength?: number | Record | TimeInterval | undefined | { days?: number; hours?: number; milliseconds?: number; minutes?: number; months?: number; quarters?: number; seconds?: number; weeks?: number; years?: number; }; offset?: number | undefined; opacity?: number | undefined; placeholderSize?: number; position?: Position; singleWorkdays?: Array | Array; strips?: Array> | { color?: string | undefined; endValue?: Date | number | string | undefined; label?: Record | { font?: ChartsFont; horizontalAlignment?: HorizontalAlignment; text?: string | undefined; verticalAlignment?: VerticalAlignment; }; paddingLeftRight?: number; paddingTopBottom?: number; startValue?: Date | number | string | undefined; }[]; stripStyle?: Record | { label?: Record | { font?: ChartsFont; horizontalAlignment?: HorizontalAlignment; verticalAlignment?: VerticalAlignment; }; paddingLeftRight?: number; paddingTopBottom?: number; }; tick?: Record | { color?: string; length?: number; opacity?: number | undefined; shift?: number; visible?: boolean; width?: number; }; tickInterval?: number | Record | TimeInterval | { days?: number; hours?: number; milliseconds?: number; minutes?: number; months?: number; quarters?: number; seconds?: number; weeks?: number; years?: number; }; title?: Record | string | { alignment?: HorizontalAlignment; font?: ChartsFont; margin?: number; text?: string | undefined; textOverflow?: TextOverflow; wordWrap?: WordWrap; }; type?: AxisScaleType | undefined; valueMarginsEnabled?: boolean; visible?: boolean; visualRange?: Array | CommonChartTypes.VisualRange; visualRangeUpdateMode?: VisualRangeUpdateMode; wholeRange?: Array | undefined | CommonChartTypes.VisualRange; width?: number; workdaysOnly?: boolean; workWeek?: Array; defaultCategories?: Array; onCategoriesChange?: (value: Array) => void; defaultVisualRange?: Array | CommonChartTypes.VisualRange; onVisualRangeChange?: (value: Array | CommonChartTypes.VisualRange) => void; }>; declare const ArgumentAxis: ((props: IArgumentAxisProps) => React.FunctionComponentElement | TimeInterval | { days?: number | undefined; hours?: number | undefined; milliseconds?: number | undefined; minutes?: number | undefined; months?: number | undefined; quarters?: number | undefined; seconds?: number | undefined; weeks?: number | undefined; years?: number | undefined; } | undefined; allowDecimals?: boolean | undefined; argumentType?: ChartsDataType | undefined; axisDivisionFactor?: number | undefined; breaks?: ScaleBreak[] | { endValue?: Date | number | string | undefined; startValue?: Date | number | string | undefined; }[] | undefined; breakStyle?: Record | { color?: string | undefined; line?: ScaleBreakLineStyle | undefined; width?: number | undefined; } | undefined; categories?: (string | number | Date)[] | undefined; color?: string | undefined; constantLines?: Record[] | { color?: string | undefined; dashStyle?: DashStyle | undefined; displayBehindSeries?: boolean | undefined; extendAxis?: boolean | undefined; label?: Record | { font?: ChartsFont | undefined; horizontalAlignment?: HorizontalAlignment | undefined; position?: RelativePosition | undefined; text?: string | undefined; verticalAlignment?: VerticalAlignment | undefined; visible?: boolean | undefined; } | undefined; paddingLeftRight?: number | undefined; paddingTopBottom?: number | undefined; value?: Date | number | string | undefined; width?: number | undefined; }[] | undefined; constantLineStyle?: Record | { color?: string | undefined; dashStyle?: DashStyle | undefined; label?: Record | { font?: ChartsFont | undefined; horizontalAlignment?: HorizontalAlignment | undefined; position?: RelativePosition | undefined; verticalAlignment?: VerticalAlignment | undefined; visible?: boolean | undefined; } | undefined; paddingLeftRight?: number | undefined; paddingTopBottom?: number | undefined; width?: number | undefined; } | undefined; customPosition?: Date | number | string | undefined; customPositionAxis?: string | undefined; discreteAxisDivisionMode?: DiscreteAxisDivisionMode | undefined; endOnTick?: boolean | undefined; grid?: Record | { color?: string | undefined; opacity?: number | undefined; visible?: boolean | undefined; width?: number | undefined; } | undefined; holidays?: number[] | (string | Date)[] | undefined; hoverMode?: ArgumentAxisHoverMode | undefined; inverted?: boolean | undefined; label?: Record | { alignment?: HorizontalAlignment | undefined; customizeHint?: ((argument: { value: Date | number | string; valueText: string; }) => string) | undefined; customizeText?: ((argument: { value: Date | number | string; valueText: string; }) => string) | undefined; displayMode?: ChartLabelDisplayMode | undefined; font?: ChartsFont | undefined; format?: LocalizationFormat | undefined; indentFromAxis?: number | undefined; overlappingBehavior?: ChartsAxisLabelOverlap | undefined; position?: Position | RelativePosition | undefined; rotationAngle?: number | undefined; staggeringSpacing?: number | undefined; template?: template | ((data: { value: Date | number | string; valueText: string; }, element: any) => string | any) | undefined; textOverflow?: TextOverflow | undefined; visible?: boolean | undefined; wordWrap?: WordWrap | undefined; } | undefined; linearThreshold?: number | undefined; logarithmBase?: number | undefined; maxValueMargin?: number | undefined; minorGrid?: Record | { color?: string | undefined; opacity?: number | undefined; visible?: boolean | undefined; width?: number | undefined; } | undefined; minorTick?: Record | { color?: string | undefined; length?: number | undefined; opacity?: number | undefined; shift?: number | undefined; visible?: boolean | undefined; width?: number | undefined; } | undefined; minorTickCount?: number | undefined; minorTickInterval?: number | Record | TimeInterval | { days?: number | undefined; hours?: number | undefined; milliseconds?: number | undefined; minutes?: number | undefined; months?: number | undefined; quarters?: number | undefined; seconds?: number | undefined; weeks?: number | undefined; years?: number | undefined; } | undefined; minValueMargin?: number | undefined; minVisualRangeLength?: number | Record | TimeInterval | undefined | { days?: number; hours?: number; milliseconds?: number; minutes?: number; months?: number; quarters?: number; seconds?: number; weeks?: number; years?: number; }; offset?: number | undefined; opacity?: number | undefined; placeholderSize?: number | undefined; position?: Position | undefined; singleWorkdays?: number[] | (string | Date)[] | undefined; strips?: Record[] | { color?: string | undefined; endValue?: Date | number | string | undefined; label?: Record | { font?: ChartsFont | undefined; horizontalAlignment?: HorizontalAlignment | undefined; text?: string | undefined; verticalAlignment?: VerticalAlignment | undefined; } | undefined; paddingLeftRight?: number | undefined; paddingTopBottom?: number | undefined; startValue?: Date | number | string | undefined; }[] | undefined; stripStyle?: Record | { label?: Record | { font?: ChartsFont | undefined; horizontalAlignment?: HorizontalAlignment | undefined; verticalAlignment?: VerticalAlignment | undefined; } | undefined; paddingLeftRight?: number | undefined; paddingTopBottom?: number | undefined; } | undefined; tick?: Record | { color?: string | undefined; length?: number | undefined; opacity?: number | undefined; shift?: number | undefined; visible?: boolean | undefined; width?: number | undefined; } | undefined; tickInterval?: number | Record | TimeInterval | { days?: number | undefined; hours?: number | undefined; milliseconds?: number | undefined; minutes?: number | undefined; months?: number | undefined; quarters?: number | undefined; seconds?: number | undefined; weeks?: number | undefined; years?: number | undefined; } | undefined; title?: string | Record | { alignment?: HorizontalAlignment | undefined; font?: ChartsFont | undefined; margin?: number | undefined; text?: string | undefined; textOverflow?: TextOverflow | undefined; wordWrap?: WordWrap | undefined; } | undefined; type?: AxisScaleType | undefined; valueMarginsEnabled?: boolean | undefined; visible?: boolean | undefined; visualRange?: (string | number | Date)[] | CommonChartTypes.VisualRange | undefined; visualRangeUpdateMode?: VisualRangeUpdateMode | undefined; wholeRange?: Array | undefined | CommonChartTypes.VisualRange; width?: number | undefined; workdaysOnly?: boolean | undefined; workWeek?: number[] | undefined; defaultCategories?: (string | number | Date)[] | undefined; onCategoriesChange?: ((value: Array) => void) | undefined; defaultVisualRange?: (string | number | Date)[] | CommonChartTypes.VisualRange | undefined; onVisualRangeChange?: ((value: Array | CommonChartTypes.VisualRange) => void) | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type IArgumentFormatProps = React.PropsWithChildren<{ currency?: string; formatter?: ((value: number | Date) => string); parser?: ((value: string) => number | Date); precision?: number; type?: CommonFormat | string; useCurrencyAccountingStyle?: boolean; }>; declare const ArgumentFormat: ((props: IArgumentFormatProps) => React.FunctionComponentElement string) | undefined; parser?: ((value: string) => number | Date) | undefined; precision?: number | undefined; type?: string | undefined; useCurrencyAccountingStyle?: boolean | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type IAxisConstantLineStyleProps = React.PropsWithChildren<{ color?: string; dashStyle?: DashStyle; label?: Record | { font?: ChartsFont; horizontalAlignment?: HorizontalAlignment; position?: RelativePosition; verticalAlignment?: VerticalAlignment; visible?: boolean; }; paddingLeftRight?: number; paddingTopBottom?: number; width?: number; }>; declare const AxisConstantLineStyle: ((props: IAxisConstantLineStyleProps) => React.FunctionComponentElement | { font?: ChartsFont | undefined; horizontalAlignment?: HorizontalAlignment | undefined; position?: RelativePosition | undefined; verticalAlignment?: VerticalAlignment | undefined; visible?: boolean | undefined; } | undefined; paddingLeftRight?: number | undefined; paddingTopBottom?: number | undefined; width?: number | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type IAxisConstantLineStyleLabelProps = React.PropsWithChildren<{ font?: ChartsFont; horizontalAlignment?: HorizontalAlignment; position?: RelativePosition; verticalAlignment?: VerticalAlignment; visible?: boolean; }>; declare const AxisConstantLineStyleLabel: ((props: IAxisConstantLineStyleLabelProps) => React.FunctionComponentElement>) & NestedComponentMeta; type IAxisLabelProps = React.PropsWithChildren<{ alignment?: HorizontalAlignment | undefined; customizeHint?: ((argument: { value: Date | number | string; valueText: string; }) => string); customizeText?: ((argument: { value: Date | number | string; valueText: string; }) => string); displayMode?: ChartLabelDisplayMode; font?: ChartsFont; format?: LocalizationFormat | undefined; indentFromAxis?: number; overlappingBehavior?: ChartsAxisLabelOverlap; position?: Position | RelativePosition; rotationAngle?: number; staggeringSpacing?: number; template?: ((data: { value: Date | number | string; valueText: string; }, element: any) => string | any) | template | undefined; textOverflow?: TextOverflow; visible?: boolean; wordWrap?: WordWrap; render?: (...params: any) => React.ReactNode; component?: React.ComponentType; }>; declare const AxisLabel: ((props: IAxisLabelProps) => React.FunctionComponentElement string) | undefined; customizeText?: ((argument: { value: Date | number | string; valueText: string; }) => string) | undefined; displayMode?: ChartLabelDisplayMode | undefined; font?: ChartsFont | undefined; format?: LocalizationFormat | undefined; indentFromAxis?: number | undefined; overlappingBehavior?: ChartsAxisLabelOverlap | undefined; position?: Position | RelativePosition | undefined; rotationAngle?: number | undefined; staggeringSpacing?: number | undefined; template?: template | ((data: { value: Date | number | string; valueText: string; }, element: any) => string | any) | undefined; textOverflow?: TextOverflow | undefined; visible?: boolean | undefined; wordWrap?: WordWrap | undefined; render?: ((...params: any) => React.ReactNode) | undefined; component?: React.ComponentType | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type IAxisTitleProps = React.PropsWithChildren<{ alignment?: HorizontalAlignment; font?: ChartsFont; margin?: number; text?: string | undefined; textOverflow?: TextOverflow; wordWrap?: WordWrap; }>; declare const AxisTitle: ((props: IAxisTitleProps) => React.FunctionComponentElement>) & NestedComponentMeta; type IBackgroundColorProps = React.PropsWithChildren<{ base?: string | undefined; fillId?: string | undefined; }>; declare const BackgroundColor: ((props: IBackgroundColorProps) => React.FunctionComponentElement>) & NestedComponentMeta; type IBorderProps = React.PropsWithChildren<{ color?: string | undefined; cornerRadius?: number; dashStyle?: DashStyle | undefined; opacity?: number | undefined; visible?: boolean; width?: number; bottom?: boolean; left?: boolean; right?: boolean; top?: boolean; }>; declare const Border: ((props: IBorderProps) => React.FunctionComponentElement>) & NestedComponentMeta; type IBreakProps = React.PropsWithChildren<{ endValue?: Date | number | string | undefined; startValue?: Date | number | string | undefined; }>; declare const Break: ((props: IBreakProps) => React.FunctionComponentElement>) & NestedComponentMeta; type IBreakStyleProps = React.PropsWithChildren<{ color?: string; line?: ScaleBreakLineStyle; width?: number; }>; declare const BreakStyle: ((props: IBreakStyleProps) => React.FunctionComponentElement>) & NestedComponentMeta; type IChartTitleProps = React.PropsWithChildren<{ font?: ChartsFont; horizontalAlignment?: HorizontalAlignment; margin?: number | Record | { bottom?: number; left?: number; right?: number; top?: number; }; placeholderSize?: number | undefined; subtitle?: Record | string | { font?: ChartsFont; offset?: number; text?: string; textOverflow?: TextOverflow; wordWrap?: WordWrap; }; text?: string; textOverflow?: TextOverflow; verticalAlignment?: VerticalEdge; wordWrap?: WordWrap; }>; declare const ChartTitle: ((props: IChartTitleProps) => React.FunctionComponentElement | { bottom?: number | undefined; left?: number | undefined; right?: number | undefined; top?: number | undefined; } | undefined; placeholderSize?: number | undefined; subtitle?: string | Record | { font?: ChartsFont | undefined; offset?: number | undefined; text?: string | undefined; textOverflow?: TextOverflow | undefined; wordWrap?: WordWrap | undefined; } | undefined; text?: string | undefined; textOverflow?: TextOverflow | undefined; verticalAlignment?: VerticalEdge | undefined; wordWrap?: WordWrap | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type IChartTitleSubtitleProps = React.PropsWithChildren<{ font?: ChartsFont; offset?: number; text?: string; textOverflow?: TextOverflow; wordWrap?: WordWrap; }>; declare const ChartTitleSubtitle: ((props: IChartTitleSubtitleProps) => React.FunctionComponentElement>) & NestedComponentMeta; type IColorProps = React.PropsWithChildren<{ base?: string | undefined; fillId?: string | undefined; }>; declare const Color: ((props: IColorProps) => React.FunctionComponentElement>) & NestedComponentMeta; type ICommonAnnotationSettingsProps = React.PropsWithChildren<{ allowDragging?: boolean; argument?: Date | number | string | undefined; arrowLength?: number; arrowWidth?: number; axis?: string | undefined; border?: Record | { color?: string; cornerRadius?: number; dashStyle?: DashStyle; opacity?: number | undefined; visible?: boolean; width?: number; }; color?: string; customizeTooltip?: ((annotation: dxChartAnnotationConfig | any) => Record) | undefined; data?: any; description?: string | undefined; font?: ChartsFont; height?: number | undefined; image?: Record | string | { height?: number; url?: string | undefined; width?: number; }; offsetX?: number | undefined; offsetY?: number | undefined; opacity?: number; paddingLeftRight?: number; paddingTopBottom?: number; series?: string | undefined; shadow?: Record | { blur?: number; color?: string; offsetX?: number; offsetY?: number; opacity?: number; }; template?: ((annotation: dxChartAnnotationConfig | any, element: any) => string | any) | template | undefined; text?: string | undefined; textOverflow?: TextOverflow; tooltipEnabled?: boolean; tooltipTemplate?: ((annotation: dxChartAnnotationConfig | any, element: any) => string | any) | template | undefined; type?: AnnotationType | undefined; value?: Date | number | string | undefined; width?: number | undefined; wordWrap?: WordWrap; x?: number | undefined; y?: number | undefined; render?: (...params: any) => React.ReactNode; component?: React.ComponentType; tooltipRender?: (...params: any) => React.ReactNode; tooltipComponent?: React.ComponentType; }>; declare const CommonAnnotationSettings: ((props: ICommonAnnotationSettingsProps) => React.FunctionComponentElement | { color?: string | undefined; cornerRadius?: number | undefined; dashStyle?: DashStyle | undefined; opacity?: number | undefined; visible?: boolean | undefined; width?: number | undefined; } | undefined; color?: string | undefined; customizeTooltip?: ((annotation: dxChartAnnotationConfig | any) => Record) | undefined; data?: any; description?: string | undefined; font?: ChartsFont | undefined; height?: number | undefined; image?: string | Record | { height?: number | undefined; url?: string | undefined; width?: number | undefined; } | undefined; offsetX?: number | undefined; offsetY?: number | undefined; opacity?: number | undefined; paddingLeftRight?: number | undefined; paddingTopBottom?: number | undefined; series?: string | undefined; shadow?: Record | { blur?: number | undefined; color?: string | undefined; offsetX?: number | undefined; offsetY?: number | undefined; opacity?: number | undefined; } | undefined; template?: template | ((annotation: dxChartAnnotationConfig | any, element: any) => string | any) | undefined; text?: string | undefined; textOverflow?: TextOverflow | undefined; tooltipEnabled?: boolean | undefined; tooltipTemplate?: template | ((annotation: dxChartAnnotationConfig | any, element: any) => string | any) | undefined; type?: AnnotationType | undefined; value?: Date | number | string | undefined; width?: number | undefined; wordWrap?: WordWrap | undefined; x?: number | undefined; y?: number | undefined; render?: ((...params: any) => React.ReactNode) | undefined; component?: React.ComponentType | undefined; tooltipRender?: ((...params: any) => React.ReactNode) | undefined; tooltipComponent?: React.ComponentType | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type ICommonAxisSettingsProps = React.PropsWithChildren<{ aggregatedPointsPosition?: AggregatedPointsPosition; allowDecimals?: boolean | undefined; breakStyle?: Record | { color?: string; line?: ScaleBreakLineStyle; width?: number; }; color?: string; constantLineStyle?: Record | { color?: string; dashStyle?: DashStyle; label?: Record | { font?: ChartsFont; position?: RelativePosition; visible?: boolean; }; paddingLeftRight?: number; paddingTopBottom?: number; width?: number; }; discreteAxisDivisionMode?: DiscreteAxisDivisionMode; endOnTick?: boolean | undefined; grid?: Record | { color?: string; opacity?: number | undefined; visible?: boolean; width?: number; }; inverted?: boolean; label?: Record | { alignment?: HorizontalAlignment | undefined; displayMode?: ChartLabelDisplayMode; font?: ChartsFont; indentFromAxis?: number; overlappingBehavior?: ChartsAxisLabelOverlap; position?: Position | RelativePosition; rotationAngle?: number; staggeringSpacing?: number; template?: ((data: { value: Date | number | string; valueText: string; }, element: any) => string | any) | template | undefined; textOverflow?: TextOverflow; visible?: boolean; wordWrap?: WordWrap; }; maxValueMargin?: number | undefined; minorGrid?: Record | { color?: string; opacity?: number | undefined; visible?: boolean; width?: number; }; minorTick?: Record | { color?: string; length?: number; opacity?: number; shift?: number; visible?: boolean; width?: number; }; minValueMargin?: number | undefined; opacity?: number | undefined; placeholderSize?: number; stripStyle?: Record | { label?: Record | { font?: ChartsFont; horizontalAlignment?: HorizontalAlignment; verticalAlignment?: VerticalAlignment; }; paddingLeftRight?: number; paddingTopBottom?: number; }; tick?: Record | { color?: string; length?: number; opacity?: number | undefined; shift?: number; visible?: boolean; width?: number; }; title?: Record | { alignment?: HorizontalAlignment; font?: ChartsFont; margin?: number; textOverflow?: TextOverflow; wordWrap?: WordWrap; }; valueMarginsEnabled?: boolean; visible?: boolean; width?: number; }>; declare const CommonAxisSettings: ((props: ICommonAxisSettingsProps) => React.FunctionComponentElement | { color?: string | undefined; line?: ScaleBreakLineStyle | undefined; width?: number | undefined; } | undefined; color?: string | undefined; constantLineStyle?: Record | { color?: string | undefined; dashStyle?: DashStyle | undefined; label?: Record | { font?: ChartsFont | undefined; position?: RelativePosition | undefined; visible?: boolean | undefined; } | undefined; paddingLeftRight?: number | undefined; paddingTopBottom?: number | undefined; width?: number | undefined; } | undefined; discreteAxisDivisionMode?: DiscreteAxisDivisionMode | undefined; endOnTick?: boolean | undefined; grid?: Record | { color?: string | undefined; opacity?: number | undefined; visible?: boolean | undefined; width?: number | undefined; } | undefined; inverted?: boolean | undefined; label?: Record | { alignment?: HorizontalAlignment | undefined; displayMode?: ChartLabelDisplayMode | undefined; font?: ChartsFont | undefined; indentFromAxis?: number | undefined; overlappingBehavior?: ChartsAxisLabelOverlap | undefined; position?: Position | RelativePosition | undefined; rotationAngle?: number | undefined; staggeringSpacing?: number | undefined; template?: template | ((data: { value: Date | number | string; valueText: string; }, element: any) => string | any) | undefined; textOverflow?: TextOverflow | undefined; visible?: boolean | undefined; wordWrap?: WordWrap | undefined; } | undefined; maxValueMargin?: number | undefined; minorGrid?: Record | { color?: string | undefined; opacity?: number | undefined; visible?: boolean | undefined; width?: number | undefined; } | undefined; minorTick?: Record | { color?: string | undefined; length?: number | undefined; opacity?: number | undefined; shift?: number | undefined; visible?: boolean | undefined; width?: number | undefined; } | undefined; minValueMargin?: number | undefined; opacity?: number | undefined; placeholderSize?: number | undefined; stripStyle?: Record | { label?: Record | { font?: ChartsFont | undefined; horizontalAlignment?: HorizontalAlignment | undefined; verticalAlignment?: VerticalAlignment | undefined; } | undefined; paddingLeftRight?: number | undefined; paddingTopBottom?: number | undefined; } | undefined; tick?: Record | { color?: string | undefined; length?: number | undefined; opacity?: number | undefined; shift?: number | undefined; visible?: boolean | undefined; width?: number | undefined; } | undefined; title?: Record | { alignment?: HorizontalAlignment | undefined; font?: ChartsFont | undefined; margin?: number | undefined; textOverflow?: TextOverflow | undefined; wordWrap?: WordWrap | undefined; } | undefined; valueMarginsEnabled?: boolean | undefined; visible?: boolean | undefined; width?: number | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type ICommonAxisSettingsConstantLineStyleProps = React.PropsWithChildren<{ color?: string; dashStyle?: DashStyle; label?: Record | { font?: ChartsFont; position?: RelativePosition; visible?: boolean; }; paddingLeftRight?: number; paddingTopBottom?: number; width?: number; }>; declare const CommonAxisSettingsConstantLineStyle: ((props: ICommonAxisSettingsConstantLineStyleProps) => React.FunctionComponentElement | { font?: ChartsFont | undefined; position?: RelativePosition | undefined; visible?: boolean | undefined; } | undefined; paddingLeftRight?: number | undefined; paddingTopBottom?: number | undefined; width?: number | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type ICommonAxisSettingsConstantLineStyleLabelProps = React.PropsWithChildren<{ font?: ChartsFont; position?: RelativePosition; visible?: boolean; }>; declare const CommonAxisSettingsConstantLineStyleLabel: ((props: ICommonAxisSettingsConstantLineStyleLabelProps) => React.FunctionComponentElement>) & NestedComponentMeta; type ICommonAxisSettingsLabelProps = React.PropsWithChildren<{ alignment?: HorizontalAlignment | undefined; displayMode?: ChartLabelDisplayMode; font?: ChartsFont; indentFromAxis?: number; overlappingBehavior?: ChartsAxisLabelOverlap; position?: Position | RelativePosition; rotationAngle?: number; staggeringSpacing?: number; template?: ((data: { value: Date | number | string; valueText: string; }, element: any) => string | any) | template | undefined; textOverflow?: TextOverflow; visible?: boolean; wordWrap?: WordWrap; render?: (...params: any) => React.ReactNode; component?: React.ComponentType; }>; declare const CommonAxisSettingsLabel: ((props: ICommonAxisSettingsLabelProps) => React.FunctionComponentElement string | any) | undefined; textOverflow?: TextOverflow | undefined; visible?: boolean | undefined; wordWrap?: WordWrap | undefined; render?: ((...params: any) => React.ReactNode) | undefined; component?: React.ComponentType | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type ICommonAxisSettingsTitleProps = React.PropsWithChildren<{ alignment?: HorizontalAlignment; font?: ChartsFont; margin?: number; textOverflow?: TextOverflow; wordWrap?: WordWrap; }>; declare const CommonAxisSettingsTitle: ((props: ICommonAxisSettingsTitleProps) => React.FunctionComponentElement>) & NestedComponentMeta; type ICommonPaneSettingsProps = React.PropsWithChildren<{ backgroundColor?: ChartsColor | string; border?: Record | { bottom?: boolean; color?: string; dashStyle?: DashStyle; left?: boolean; opacity?: number | undefined; right?: boolean; top?: boolean; visible?: boolean; width?: number; }; }>; declare const CommonPaneSettings: ((props: ICommonPaneSettingsProps) => React.FunctionComponentElement | { bottom?: boolean | undefined; color?: string | undefined; dashStyle?: DashStyle | undefined; left?: boolean | undefined; opacity?: number | undefined; right?: boolean | undefined; top?: boolean | undefined; visible?: boolean | undefined; width?: number | undefined; } | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type ICommonSeriesSettingsProps = React.PropsWithChildren<{ aggregation?: Record | { calculate?: ((aggregationInfo: chartPointAggregationInfoObject, series: chartSeriesObject) => Record | Array>) | undefined; enabled?: boolean; method?: ChartSeriesAggregationMethod; }; area?: any; argumentField?: string; axis?: string | undefined; bar?: any; barOverlapGroup?: string | undefined; barPadding?: number | undefined; barWidth?: number | undefined; border?: Record | { color?: string | undefined; dashStyle?: DashStyle | undefined; visible?: boolean; width?: number; }; bubble?: any; candlestick?: any; closeValueField?: string; color?: ChartsColor | string | undefined; cornerRadius?: number; dashStyle?: DashStyle; fullstackedarea?: any; fullstackedbar?: any; fullstackedline?: any; fullstackedspline?: any; fullstackedsplinearea?: any; highValueField?: string; hoverMode?: SeriesHoverMode; hoverStyle?: Record | { border?: Record | { color?: string | undefined; dashStyle?: DashStyle | undefined; visible?: boolean; width?: number; }; color?: ChartsColor | string | undefined; dashStyle?: DashStyle; hatching?: Record | { direction?: HatchDirection; opacity?: number; step?: number; width?: number; }; highlight?: boolean; width?: number; }; ignoreEmptyPoints?: boolean; innerColor?: string; label?: Record | { alignment?: HorizontalAlignment; argumentFormat?: LocalizationFormat | undefined; backgroundColor?: string | undefined; border?: Record | { color?: string | undefined; dashStyle?: DashStyle | undefined; visible?: boolean; width?: number; }; connector?: Record | { color?: string | undefined; visible?: boolean; width?: number; }; customizeText?: ((pointInfo: any) => string); displayFormat?: string | undefined; font?: ChartsFont; format?: LocalizationFormat | undefined; horizontalOffset?: number; position?: RelativePosition; rotationAngle?: number; showForZeroValues?: boolean; verticalOffset?: number; visible?: boolean; }; line?: any; lowValueField?: string; maxLabelCount?: number | undefined; minBarSize?: number | undefined; opacity?: number; openValueField?: string; pane?: string; point?: Record | { border?: Record | { color?: string | undefined; visible?: boolean; width?: number; }; color?: ChartsColor | string | undefined; hoverMode?: PointInteractionMode; hoverStyle?: Record | { border?: Record | { color?: string | undefined; visible?: boolean; width?: number; }; color?: ChartsColor | string | undefined; size?: number | undefined; }; image?: Record | string | undefined | { height?: number | Record | { rangeMaxPoint?: number | undefined; rangeMinPoint?: number | undefined; }; url?: Record | string | undefined | { rangeMaxPoint?: string | undefined; rangeMinPoint?: string | undefined; }; width?: number | Record | { rangeMaxPoint?: number | undefined; rangeMinPoint?: number | undefined; }; }; selectionMode?: PointInteractionMode; selectionStyle?: Record | { border?: Record | { color?: string | undefined; visible?: boolean; width?: number; }; color?: ChartsColor | string | undefined; size?: number | undefined; }; size?: number; symbol?: PointSymbol; visible?: boolean; }; rangearea?: any; rangebar?: any; rangeValue1Field?: string; rangeValue2Field?: string; reduction?: Record | { color?: string; level?: FinancialChartReductionLevel; }; scatter?: any; selectionMode?: SeriesSelectionMode; selectionStyle?: Record | { border?: Record | { color?: string | undefined; dashStyle?: DashStyle | undefined; visible?: boolean; width?: number; }; color?: ChartsColor | string | undefined; dashStyle?: DashStyle; hatching?: Record | { direction?: HatchDirection; opacity?: number; step?: number; width?: number; }; highlight?: boolean; width?: number; }; showInLegend?: boolean; sizeField?: string; spline?: any; splinearea?: any; stack?: string; stackedarea?: any; stackedbar?: any; stackedline?: any; stackedspline?: any; stackedsplinearea?: any; steparea?: any; stepline?: any; stock?: any; tagField?: string; type?: SeriesType; valueErrorBar?: Record | { color?: string; displayMode?: ValueErrorBarDisplayMode; edgeLength?: number; highValueField?: string | undefined; lineWidth?: number; lowValueField?: string | undefined; opacity?: number | undefined; type?: undefined | ValueErrorBarType; value?: number; }; valueField?: string; visible?: boolean; width?: number; }>; declare const CommonSeriesSettings: ((props: ICommonSeriesSettingsProps) => React.FunctionComponentElement | { calculate?: ((aggregationInfo: chartPointAggregationInfoObject, series: chartSeriesObject) => Record | Array>) | undefined; enabled?: boolean | undefined; method?: ChartSeriesAggregationMethod | undefined; } | undefined; area?: any; argumentField?: string | undefined; axis?: string | undefined; bar?: any; barOverlapGroup?: string | undefined; barPadding?: number | undefined; barWidth?: number | undefined; border?: Record | { color?: string | undefined; dashStyle?: DashStyle | undefined; visible?: boolean | undefined; width?: number | undefined; } | undefined; bubble?: any; candlestick?: any; closeValueField?: string | undefined; color?: ChartsColor | string | undefined; cornerRadius?: number | undefined; dashStyle?: DashStyle | undefined; fullstackedarea?: any; fullstackedbar?: any; fullstackedline?: any; fullstackedspline?: any; fullstackedsplinearea?: any; highValueField?: string | undefined; hoverMode?: SeriesHoverMode | undefined; hoverStyle?: Record | { border?: Record | { color?: string | undefined; dashStyle?: DashStyle | undefined; visible?: boolean | undefined; width?: number | undefined; } | undefined; color?: ChartsColor | string | undefined; dashStyle?: DashStyle | undefined; hatching?: Record | { direction?: HatchDirection | undefined; opacity?: number | undefined; step?: number | undefined; width?: number | undefined; } | undefined; highlight?: boolean | undefined; width?: number | undefined; } | undefined; ignoreEmptyPoints?: boolean | undefined; innerColor?: string | undefined; label?: Record | { alignment?: HorizontalAlignment | undefined; argumentFormat?: LocalizationFormat | undefined; backgroundColor?: string | undefined; border?: Record | { color?: string | undefined; dashStyle?: DashStyle | undefined; visible?: boolean | undefined; width?: number | undefined; } | undefined; connector?: Record | { color?: string | undefined; visible?: boolean | undefined; width?: number | undefined; } | undefined; customizeText?: ((pointInfo: any) => string) | undefined; displayFormat?: string | undefined; font?: ChartsFont | undefined; format?: LocalizationFormat | undefined; horizontalOffset?: number | undefined; position?: RelativePosition | undefined; rotationAngle?: number | undefined; showForZeroValues?: boolean | undefined; verticalOffset?: number | undefined; visible?: boolean | undefined; } | undefined; line?: any; lowValueField?: string | undefined; maxLabelCount?: number | undefined; minBarSize?: number | undefined; opacity?: number | undefined; openValueField?: string | undefined; pane?: string | undefined; point?: Record | { border?: Record | { color?: string | undefined; visible?: boolean | undefined; width?: number | undefined; } | undefined; color?: ChartsColor | string | undefined; hoverMode?: PointInteractionMode | undefined; hoverStyle?: Record | { border?: Record | { color?: string | undefined; visible?: boolean | undefined; width?: number | undefined; } | undefined; color?: ChartsColor | string | undefined; size?: number | undefined; } | undefined; image?: Record | string | undefined | { height?: number | Record | { rangeMaxPoint?: number | undefined; rangeMinPoint?: number | undefined; }; url?: Record | string | undefined | { rangeMaxPoint?: string | undefined; rangeMinPoint?: string | undefined; }; width?: number | Record | { rangeMaxPoint?: number | undefined; rangeMinPoint?: number | undefined; }; }; selectionMode?: PointInteractionMode | undefined; selectionStyle?: Record | { border?: Record | { color?: string | undefined; visible?: boolean | undefined; width?: number | undefined; } | undefined; color?: ChartsColor | string | undefined; size?: number | undefined; } | undefined; size?: number | undefined; symbol?: PointSymbol | undefined; visible?: boolean | undefined; } | undefined; rangearea?: any; rangebar?: any; rangeValue1Field?: string | undefined; rangeValue2Field?: string | undefined; reduction?: Record | { color?: string | undefined; level?: FinancialChartReductionLevel | undefined; } | undefined; scatter?: any; selectionMode?: SeriesSelectionMode | undefined; selectionStyle?: Record | { border?: Record | { color?: string | undefined; dashStyle?: DashStyle | undefined; visible?: boolean | undefined; width?: number | undefined; } | undefined; color?: ChartsColor | string | undefined; dashStyle?: DashStyle | undefined; hatching?: Record | { direction?: HatchDirection | undefined; opacity?: number | undefined; step?: number | undefined; width?: number | undefined; } | undefined; highlight?: boolean | undefined; width?: number | undefined; } | undefined; showInLegend?: boolean | undefined; sizeField?: string | undefined; spline?: any; splinearea?: any; stack?: string | undefined; stackedarea?: any; stackedbar?: any; stackedline?: any; stackedspline?: any; stackedsplinearea?: any; steparea?: any; stepline?: any; stock?: any; tagField?: string | undefined; type?: SeriesType | undefined; valueErrorBar?: Record | { color?: string | undefined; displayMode?: ValueErrorBarDisplayMode | undefined; edgeLength?: number | undefined; highValueField?: string | undefined; lineWidth?: number | undefined; lowValueField?: string | undefined; opacity?: number | undefined; type?: undefined | ValueErrorBarType; value?: number | undefined; } | undefined; valueField?: string | undefined; visible?: boolean | undefined; width?: number | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type ICommonSeriesSettingsHoverStyleProps = React.PropsWithChildren<{ border?: Record | { color?: string | undefined; dashStyle?: DashStyle | undefined; visible?: boolean; width?: number; }; color?: ChartsColor | string | undefined; dashStyle?: DashStyle; hatching?: Record | { direction?: HatchDirection; opacity?: number; step?: number; width?: number; }; highlight?: boolean; width?: number; }>; declare const CommonSeriesSettingsHoverStyle: ((props: ICommonSeriesSettingsHoverStyleProps) => React.FunctionComponentElement | { color?: string | undefined; dashStyle?: DashStyle | undefined; visible?: boolean | undefined; width?: number | undefined; } | undefined; color?: ChartsColor | string | undefined; dashStyle?: DashStyle | undefined; hatching?: Record | { direction?: HatchDirection | undefined; opacity?: number | undefined; step?: number | undefined; width?: number | undefined; } | undefined; highlight?: boolean | undefined; width?: number | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type ICommonSeriesSettingsLabelProps = React.PropsWithChildren<{ alignment?: HorizontalAlignment; argumentFormat?: LocalizationFormat | undefined; backgroundColor?: string | undefined; border?: Record | { color?: string | undefined; dashStyle?: DashStyle | undefined; visible?: boolean; width?: number; }; connector?: Record | { color?: string | undefined; visible?: boolean; width?: number; }; customizeText?: ((pointInfo: any) => string); displayFormat?: string | undefined; font?: ChartsFont; format?: LocalizationFormat | undefined; horizontalOffset?: number; position?: RelativePosition; rotationAngle?: number; showForZeroValues?: boolean; verticalOffset?: number; visible?: boolean; }>; declare const CommonSeriesSettingsLabel: ((props: ICommonSeriesSettingsLabelProps) => React.FunctionComponentElement | { color?: string | undefined; dashStyle?: DashStyle | undefined; visible?: boolean | undefined; width?: number | undefined; } | undefined; connector?: Record | { color?: string | undefined; visible?: boolean | undefined; width?: number | undefined; } | undefined; customizeText?: ((pointInfo: any) => string) | undefined; displayFormat?: string | undefined; font?: ChartsFont | undefined; format?: LocalizationFormat | undefined; horizontalOffset?: number | undefined; position?: RelativePosition | undefined; rotationAngle?: number | undefined; showForZeroValues?: boolean | undefined; verticalOffset?: number | undefined; visible?: boolean | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type ICommonSeriesSettingsSelectionStyleProps = React.PropsWithChildren<{ border?: Record | { color?: string | undefined; dashStyle?: DashStyle | undefined; visible?: boolean; width?: number; }; color?: ChartsColor | string | undefined; dashStyle?: DashStyle; hatching?: Record | { direction?: HatchDirection; opacity?: number; step?: number; width?: number; }; highlight?: boolean; width?: number; }>; declare const CommonSeriesSettingsSelectionStyle: ((props: ICommonSeriesSettingsSelectionStyleProps) => React.FunctionComponentElement | { color?: string | undefined; dashStyle?: DashStyle | undefined; visible?: boolean | undefined; width?: number | undefined; } | undefined; color?: ChartsColor | string | undefined; dashStyle?: DashStyle | undefined; hatching?: Record | { direction?: HatchDirection | undefined; opacity?: number | undefined; step?: number | undefined; width?: number | undefined; } | undefined; highlight?: boolean | undefined; width?: number | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type IConnectorProps = React.PropsWithChildren<{ color?: string | undefined; visible?: boolean; width?: number; }>; declare const Connector: ((props: IConnectorProps) => React.FunctionComponentElement>) & NestedComponentMeta; type IConstantLineProps = React.PropsWithChildren<{ color?: string; dashStyle?: DashStyle; displayBehindSeries?: boolean; extendAxis?: boolean; label?: Record | { font?: ChartsFont; horizontalAlignment?: HorizontalAlignment; position?: RelativePosition; text?: string | undefined; verticalAlignment?: VerticalAlignment; visible?: boolean; }; paddingLeftRight?: number; paddingTopBottom?: number; value?: Date | number | string | undefined; width?: number; }>; declare const ConstantLine: ((props: IConstantLineProps) => React.FunctionComponentElement | { font?: ChartsFont | undefined; horizontalAlignment?: HorizontalAlignment | undefined; position?: RelativePosition | undefined; text?: string | undefined; verticalAlignment?: VerticalAlignment | undefined; visible?: boolean | undefined; } | undefined; paddingLeftRight?: number | undefined; paddingTopBottom?: number | undefined; value?: Date | number | string | undefined; width?: number | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type IConstantLineLabelProps = React.PropsWithChildren<{ font?: ChartsFont; horizontalAlignment?: HorizontalAlignment; position?: RelativePosition; text?: string | undefined; verticalAlignment?: VerticalAlignment; visible?: boolean; }>; declare const ConstantLineLabel: ((props: IConstantLineLabelProps) => React.FunctionComponentElement>) & NestedComponentMeta; type IConstantLineStyleProps = React.PropsWithChildren<{ color?: string; dashStyle?: DashStyle; label?: Record | { font?: ChartsFont; horizontalAlignment?: HorizontalAlignment; position?: RelativePosition; verticalAlignment?: VerticalAlignment; visible?: boolean; }; paddingLeftRight?: number; paddingTopBottom?: number; width?: number; }>; declare const ConstantLineStyle: ((props: IConstantLineStyleProps) => React.FunctionComponentElement | { font?: ChartsFont | undefined; horizontalAlignment?: HorizontalAlignment | undefined; position?: RelativePosition | undefined; verticalAlignment?: VerticalAlignment | undefined; visible?: boolean | undefined; } | undefined; paddingLeftRight?: number | undefined; paddingTopBottom?: number | undefined; width?: number | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type ICrosshairProps = React.PropsWithChildren<{ color?: string; dashStyle?: DashStyle; enabled?: boolean; horizontalLine?: boolean | Record | { color?: string; dashStyle?: DashStyle; label?: Record | { backgroundColor?: string; customizeText?: ((info: { point: chartPointObject; value: Date | number | string; valueText: string; }) => string); font?: ChartsFont; format?: LocalizationFormat | undefined; visible?: boolean; }; opacity?: number | undefined; visible?: boolean; width?: number; }; label?: Record | { backgroundColor?: string; customizeText?: ((info: { point: chartPointObject; value: Date | number | string; valueText: string; }) => string); font?: ChartsFont; format?: LocalizationFormat | undefined; visible?: boolean; }; opacity?: number | undefined; verticalLine?: boolean | Record | { color?: string; dashStyle?: DashStyle; label?: Record | { backgroundColor?: string; customizeText?: ((info: { point: chartPointObject; value: Date | number | string; valueText: string; }) => string); font?: ChartsFont; format?: LocalizationFormat | undefined; visible?: boolean; }; opacity?: number | undefined; visible?: boolean; width?: number; }; width?: number; }>; declare const Crosshair: ((props: ICrosshairProps) => React.FunctionComponentElement | { color?: string | undefined; dashStyle?: DashStyle | undefined; label?: Record | { backgroundColor?: string | undefined; customizeText?: ((info: { point: chartPointObject; value: Date | number | string; valueText: string; }) => string) | undefined; font?: ChartsFont | undefined; format?: LocalizationFormat | undefined; visible?: boolean | undefined; } | undefined; opacity?: number | undefined; visible?: boolean | undefined; width?: number | undefined; } | undefined; label?: Record | { backgroundColor?: string | undefined; customizeText?: ((info: { point: chartPointObject; value: Date | number | string; valueText: string; }) => string) | undefined; font?: ChartsFont | undefined; format?: LocalizationFormat | undefined; visible?: boolean | undefined; } | undefined; opacity?: number | undefined; verticalLine?: boolean | Record | { color?: string | undefined; dashStyle?: DashStyle | undefined; label?: Record | { backgroundColor?: string | undefined; customizeText?: ((info: { point: chartPointObject; value: Date | number | string; valueText: string; }) => string) | undefined; font?: ChartsFont | undefined; format?: LocalizationFormat | undefined; visible?: boolean | undefined; } | undefined; opacity?: number | undefined; visible?: boolean | undefined; width?: number | undefined; } | undefined; width?: number | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type IDataPrepareSettingsProps = React.PropsWithChildren<{ checkTypeForAllData?: boolean; convertToAxisDataType?: boolean; sortingMethod?: boolean | ((a: any, b: any) => number); }>; declare const DataPrepareSettings: ((props: IDataPrepareSettingsProps) => React.FunctionComponentElement number) | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type IDragBoxStyleProps = React.PropsWithChildren<{ color?: string | undefined; opacity?: number | undefined; }>; declare const DragBoxStyle: ((props: IDragBoxStyleProps) => React.FunctionComponentElement>) & NestedComponentMeta; type IExportProps = React.PropsWithChildren<{ backgroundColor?: string; enabled?: boolean; fileName?: string; formats?: Array; margin?: number; printingEnabled?: boolean; svgToCanvas?: ((svg: any, canvas: any) => any) | undefined; }>; declare const Export: ((props: IExportProps) => React.FunctionComponentElement any) | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type IFontProps = React.PropsWithChildren<{ color?: string; family?: string; opacity?: number; size?: number | string; weight?: number; }>; declare const Font: ((props: IFontProps) => React.FunctionComponentElement>) & NestedComponentMeta; type IFormatProps = React.PropsWithChildren<{ currency?: string; formatter?: ((value: number | Date) => string); parser?: ((value: string) => number | Date); precision?: number; type?: CommonFormat | string; useCurrencyAccountingStyle?: boolean; }>; declare const Format: ((props: IFormatProps) => React.FunctionComponentElement string) | undefined; parser?: ((value: string) => number | Date) | undefined; precision?: number | undefined; type?: string | undefined; useCurrencyAccountingStyle?: boolean | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type IGridProps = React.PropsWithChildren<{ color?: string; opacity?: number | undefined; visible?: boolean; width?: number; }>; declare const Grid: ((props: IGridProps) => React.FunctionComponentElement>) & NestedComponentMeta; type IHatchingProps = React.PropsWithChildren<{ direction?: HatchDirection; opacity?: number; step?: number; width?: number; }>; declare const Hatching: ((props: IHatchingProps) => React.FunctionComponentElement>) & NestedComponentMeta; type IHeightProps = React.PropsWithChildren<{ rangeMaxPoint?: number | undefined; rangeMinPoint?: number | undefined; }>; declare const Height: ((props: IHeightProps) => React.FunctionComponentElement>) & NestedComponentMeta; type IHorizontalLineProps = React.PropsWithChildren<{ color?: string; dashStyle?: DashStyle; label?: Record | { backgroundColor?: string; customizeText?: ((info: { point: chartPointObject; value: Date | number | string; valueText: string; }) => string); font?: ChartsFont; format?: LocalizationFormat | undefined; visible?: boolean; }; opacity?: number | undefined; visible?: boolean; width?: number; }>; declare const HorizontalLine: ((props: IHorizontalLineProps) => React.FunctionComponentElement | { backgroundColor?: string | undefined; customizeText?: ((info: { point: chartPointObject; value: Date | number | string; valueText: string; }) => string) | undefined; font?: ChartsFont | undefined; format?: LocalizationFormat | undefined; visible?: boolean | undefined; } | undefined; opacity?: number | undefined; visible?: boolean | undefined; width?: number | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type IHorizontalLineLabelProps = React.PropsWithChildren<{ backgroundColor?: string; customizeText?: ((info: { point: chartPointObject; value: Date | number | string; valueText: string; }) => string); font?: ChartsFont; format?: LocalizationFormat | undefined; visible?: boolean; }>; declare const HorizontalLineLabel: ((props: IHorizontalLineLabelProps) => React.FunctionComponentElement string) | undefined; font?: ChartsFont | undefined; format?: LocalizationFormat | undefined; visible?: boolean | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type IHoverStyleProps = React.PropsWithChildren<{ border?: Record | { color?: string | undefined; dashStyle?: DashStyle | undefined; visible?: boolean; width?: number; }; color?: ChartsColor | string | undefined; dashStyle?: DashStyle; hatching?: Record | { direction?: HatchDirection; opacity?: number; step?: number; width?: number; }; highlight?: boolean; width?: number; size?: number | undefined; }>; declare const HoverStyle: ((props: IHoverStyleProps) => React.FunctionComponentElement | { color?: string | undefined; dashStyle?: DashStyle | undefined; visible?: boolean | undefined; width?: number | undefined; } | undefined; color?: ChartsColor | string | undefined; dashStyle?: DashStyle | undefined; hatching?: Record | { direction?: HatchDirection | undefined; opacity?: number | undefined; step?: number | undefined; width?: number | undefined; } | undefined; highlight?: boolean | undefined; width?: number | undefined; size?: number | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type IImageProps = React.PropsWithChildren<{ height?: number | Record | { rangeMaxPoint?: number | undefined; rangeMinPoint?: number | undefined; }; url?: string | undefined | Record | { rangeMaxPoint?: string | undefined; rangeMinPoint?: string | undefined; }; width?: number | Record | { rangeMaxPoint?: number | undefined; rangeMinPoint?: number | undefined; }; }>; declare const Image: ((props: IImageProps) => React.FunctionComponentElement | { rangeMaxPoint?: number | undefined; rangeMinPoint?: number | undefined; } | undefined; url?: string | undefined | Record | { rangeMaxPoint?: string | undefined; rangeMinPoint?: string | undefined; }; width?: number | Record | { rangeMaxPoint?: number | undefined; rangeMinPoint?: number | undefined; } | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type ILabelProps = React.PropsWithChildren<{ font?: ChartsFont; horizontalAlignment?: HorizontalAlignment; position?: RelativePosition | Position; verticalAlignment?: VerticalAlignment; visible?: boolean; text?: string | undefined; alignment?: HorizontalAlignment | undefined; customizeHint?: ((argument: { value: Date | number | string; valueText: string; }) => string); customizeText?: ((argument: { value: Date | number | string; valueText: string; }) => string); displayMode?: ChartLabelDisplayMode; format?: LocalizationFormat | undefined; indentFromAxis?: number; overlappingBehavior?: ChartsAxisLabelOverlap; rotationAngle?: number; staggeringSpacing?: number; template?: ((data: { value: Date | number | string; valueText: string; }, element: any) => string | any) | template | undefined; textOverflow?: TextOverflow; wordWrap?: WordWrap; argumentFormat?: LocalizationFormat | undefined; backgroundColor?: string | undefined; border?: Record | { color?: string | undefined; dashStyle?: DashStyle | undefined; visible?: boolean; width?: number; }; connector?: Record | { color?: string | undefined; visible?: boolean; width?: number; }; displayFormat?: string | undefined; horizontalOffset?: number; showForZeroValues?: boolean; verticalOffset?: number; render?: (...params: any) => React.ReactNode; component?: React.ComponentType; }>; declare const Label: ((props: ILabelProps) => React.FunctionComponentElement string) | undefined; customizeText?: ((argument: { value: Date | number | string; valueText: string; }) => string) | undefined; displayMode?: ChartLabelDisplayMode | undefined; format?: LocalizationFormat | undefined; indentFromAxis?: number | undefined; overlappingBehavior?: ChartsAxisLabelOverlap | undefined; rotationAngle?: number | undefined; staggeringSpacing?: number | undefined; template?: template | ((data: { value: Date | number | string; valueText: string; }, element: any) => string | any) | undefined; textOverflow?: TextOverflow | undefined; wordWrap?: WordWrap | undefined; argumentFormat?: LocalizationFormat | undefined; backgroundColor?: string | undefined; border?: Record | { color?: string | undefined; dashStyle?: DashStyle | undefined; visible?: boolean | undefined; width?: number | undefined; } | undefined; connector?: Record | { color?: string | undefined; visible?: boolean | undefined; width?: number | undefined; } | undefined; displayFormat?: string | undefined; horizontalOffset?: number | undefined; showForZeroValues?: boolean | undefined; verticalOffset?: number | undefined; render?: ((...params: any) => React.ReactNode) | undefined; component?: React.ComponentType | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type ILegendProps = React.PropsWithChildren<{ backgroundColor?: string | undefined; border?: Record | { color?: string; cornerRadius?: number; dashStyle?: DashStyle; opacity?: number | undefined; visible?: boolean; width?: number; }; columnCount?: number; columnItemSpacing?: number; customizeHint?: ((seriesInfo: { seriesColor: string; seriesIndex: number; seriesName: any; }) => string); customizeItems?: ((items: Array) => Array); customizeText?: ((seriesInfo: { seriesColor: string; seriesIndex: number; seriesName: any; }) => string); font?: ChartsFont; horizontalAlignment?: HorizontalAlignment; hoverMode?: LegendHoverMode; itemsAlignment?: HorizontalAlignment | undefined; itemTextPosition?: Position | undefined; margin?: number | Record | { bottom?: number; left?: number; right?: number; top?: number; }; markerSize?: number; markerTemplate?: ((legendItem: LegendItem, element: any) => string | any) | template | undefined; orientation?: Orientation | undefined; paddingLeftRight?: number; paddingTopBottom?: number; position?: RelativePosition; rowCount?: number; rowItemSpacing?: number; title?: Record | string | { font?: ChartsFont; horizontalAlignment?: HorizontalAlignment | undefined; margin?: Record | { bottom?: number; left?: number; right?: number; top?: number; }; placeholderSize?: number | undefined; subtitle?: Record | string | { font?: ChartsFont; offset?: number; text?: string; }; text?: string; verticalAlignment?: VerticalEdge; }; verticalAlignment?: VerticalEdge; visible?: boolean; markerRender?: (...params: any) => React.ReactNode; markerComponent?: React.ComponentType; }>; declare const Legend: ((props: ILegendProps) => React.FunctionComponentElement | { color?: string | undefined; cornerRadius?: number | undefined; dashStyle?: DashStyle | undefined; opacity?: number | undefined; visible?: boolean | undefined; width?: number | undefined; } | undefined; columnCount?: number | undefined; columnItemSpacing?: number | undefined; customizeHint?: ((seriesInfo: { seriesColor: string; seriesIndex: number; seriesName: any; }) => string) | undefined; customizeItems?: ((items: Array) => Array) | undefined; customizeText?: ((seriesInfo: { seriesColor: string; seriesIndex: number; seriesName: any; }) => string) | undefined; font?: ChartsFont | undefined; horizontalAlignment?: HorizontalAlignment | undefined; hoverMode?: LegendHoverMode | undefined; itemsAlignment?: HorizontalAlignment | undefined; itemTextPosition?: Position | undefined; margin?: number | Record | { bottom?: number | undefined; left?: number | undefined; right?: number | undefined; top?: number | undefined; } | undefined; markerSize?: number | undefined; markerTemplate?: template | ((legendItem: LegendItem, element: any) => string | any) | undefined; orientation?: Orientation | undefined; paddingLeftRight?: number | undefined; paddingTopBottom?: number | undefined; position?: RelativePosition | undefined; rowCount?: number | undefined; rowItemSpacing?: number | undefined; title?: string | Record | { font?: ChartsFont | undefined; horizontalAlignment?: HorizontalAlignment | undefined; margin?: Record | { bottom?: number | undefined; left?: number | undefined; right?: number | undefined; top?: number | undefined; } | undefined; placeholderSize?: number | undefined; subtitle?: string | Record | { font?: ChartsFont | undefined; offset?: number | undefined; text?: string | undefined; } | undefined; text?: string | undefined; verticalAlignment?: VerticalEdge | undefined; } | undefined; verticalAlignment?: VerticalEdge | undefined; visible?: boolean | undefined; markerRender?: ((...params: any) => React.ReactNode) | undefined; markerComponent?: React.ComponentType | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type ILegendTitleProps = React.PropsWithChildren<{ font?: ChartsFont; horizontalAlignment?: HorizontalAlignment | undefined; margin?: Record | { bottom?: number; left?: number; right?: number; top?: number; }; placeholderSize?: number | undefined; subtitle?: Record | string | { font?: ChartsFont; offset?: number; text?: string; }; text?: string; verticalAlignment?: VerticalEdge; }>; declare const LegendTitle: ((props: ILegendTitleProps) => React.FunctionComponentElement | { bottom?: number | undefined; left?: number | undefined; right?: number | undefined; top?: number | undefined; } | undefined; placeholderSize?: number | undefined; subtitle?: string | Record | { font?: ChartsFont | undefined; offset?: number | undefined; text?: string | undefined; } | undefined; text?: string | undefined; verticalAlignment?: VerticalEdge | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type ILegendTitleSubtitleProps = React.PropsWithChildren<{ font?: ChartsFont; offset?: number; text?: string; }>; declare const LegendTitleSubtitle: ((props: ILegendTitleSubtitleProps) => React.FunctionComponentElement>) & NestedComponentMeta; type ILengthProps = React.PropsWithChildren<{ days?: number; hours?: number; milliseconds?: number; minutes?: number; months?: number; quarters?: number; seconds?: number; weeks?: number; years?: number; }>; declare const Length: ((props: ILengthProps) => React.FunctionComponentElement>) & NestedComponentMeta; type ILoadingIndicatorProps = React.PropsWithChildren<{ backgroundColor?: string; enabled?: boolean; font?: ChartsFont; show?: boolean; text?: string; defaultShow?: boolean; onShowChange?: (value: boolean) => void; }>; declare const LoadingIndicator: ((props: ILoadingIndicatorProps) => React.FunctionComponentElement void) | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type IMarginProps = React.PropsWithChildren<{ bottom?: number; left?: number; right?: number; top?: number; }>; declare const Margin: ((props: IMarginProps) => React.FunctionComponentElement>) & NestedComponentMeta; type IMinorGridProps = React.PropsWithChildren<{ color?: string; opacity?: number | undefined; visible?: boolean; width?: number; }>; declare const MinorGrid: ((props: IMinorGridProps) => React.FunctionComponentElement>) & NestedComponentMeta; type IMinorTickProps = React.PropsWithChildren<{ color?: string; length?: number; opacity?: number; shift?: number; visible?: boolean; width?: number; }>; declare const MinorTick: ((props: IMinorTickProps) => React.FunctionComponentElement>) & NestedComponentMeta; type IMinorTickIntervalProps = React.PropsWithChildren<{ days?: number; hours?: number; milliseconds?: number; minutes?: number; months?: number; quarters?: number; seconds?: number; weeks?: number; years?: number; }>; declare const MinorTickInterval: ((props: IMinorTickIntervalProps) => React.FunctionComponentElement>) & NestedComponentMeta; type IMinVisualRangeLengthProps = React.PropsWithChildren<{ days?: number; hours?: number; milliseconds?: number; minutes?: number; months?: number; quarters?: number; seconds?: number; weeks?: number; years?: number; }>; declare const MinVisualRangeLength: ((props: IMinVisualRangeLengthProps) => React.FunctionComponentElement>) & NestedComponentMeta; type IPaneProps = React.PropsWithChildren<{ backgroundColor?: ChartsColor | string; border?: Record | { bottom?: boolean; color?: string; dashStyle?: DashStyle; left?: boolean; opacity?: number | undefined; right?: boolean; top?: boolean; visible?: boolean; width?: number; }; height?: number | string | undefined; name?: string | undefined; }>; declare const Pane: ((props: IPaneProps) => React.FunctionComponentElement | { bottom?: boolean | undefined; color?: string | undefined; dashStyle?: DashStyle | undefined; left?: boolean | undefined; opacity?: number | undefined; right?: boolean | undefined; top?: boolean | undefined; visible?: boolean | undefined; width?: number | undefined; } | undefined; height?: number | string | undefined; name?: string | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type IPaneBorderProps = React.PropsWithChildren<{ bottom?: boolean; color?: string; dashStyle?: DashStyle; left?: boolean; opacity?: number | undefined; right?: boolean; top?: boolean; visible?: boolean; width?: number; }>; declare const PaneBorder: ((props: IPaneBorderProps) => React.FunctionComponentElement>) & NestedComponentMeta; type IPointProps = React.PropsWithChildren<{ border?: Record | { color?: string | undefined; visible?: boolean; width?: number; }; color?: ChartsColor | string | undefined; hoverMode?: PointInteractionMode; hoverStyle?: Record | { border?: Record | { color?: string | undefined; visible?: boolean; width?: number; }; color?: ChartsColor | string | undefined; size?: number | undefined; }; image?: Record | string | undefined | { height?: number | Record | { rangeMaxPoint?: number | undefined; rangeMinPoint?: number | undefined; }; url?: Record | string | undefined | { rangeMaxPoint?: string | undefined; rangeMinPoint?: string | undefined; }; width?: number | Record | { rangeMaxPoint?: number | undefined; rangeMinPoint?: number | undefined; }; }; selectionMode?: PointInteractionMode; selectionStyle?: Record | { border?: Record | { color?: string | undefined; visible?: boolean; width?: number; }; color?: ChartsColor | string | undefined; size?: number | undefined; }; size?: number; symbol?: PointSymbol; visible?: boolean; }>; declare const Point: ((props: IPointProps) => React.FunctionComponentElement | { color?: string | undefined; visible?: boolean | undefined; width?: number | undefined; } | undefined; color?: ChartsColor | string | undefined; hoverMode?: PointInteractionMode | undefined; hoverStyle?: Record | { border?: Record | { color?: string | undefined; visible?: boolean | undefined; width?: number | undefined; } | undefined; color?: ChartsColor | string | undefined; size?: number | undefined; } | undefined; image?: Record | string | undefined | { height?: number | Record | { rangeMaxPoint?: number | undefined; rangeMinPoint?: number | undefined; }; url?: Record | string | undefined | { rangeMaxPoint?: string | undefined; rangeMinPoint?: string | undefined; }; width?: number | Record | { rangeMaxPoint?: number | undefined; rangeMinPoint?: number | undefined; }; }; selectionMode?: PointInteractionMode | undefined; selectionStyle?: Record | { border?: Record | { color?: string | undefined; visible?: boolean | undefined; width?: number | undefined; } | undefined; color?: ChartsColor | string | undefined; size?: number | undefined; } | undefined; size?: number | undefined; symbol?: PointSymbol | undefined; visible?: boolean | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type IPointBorderProps = React.PropsWithChildren<{ color?: string | undefined; visible?: boolean; width?: number; }>; declare const PointBorder: ((props: IPointBorderProps) => React.FunctionComponentElement>) & NestedComponentMeta; type IPointHoverStyleProps = React.PropsWithChildren<{ border?: Record | { color?: string | undefined; visible?: boolean; width?: number; }; color?: ChartsColor | string | undefined; size?: number | undefined; }>; declare const PointHoverStyle: ((props: IPointHoverStyleProps) => React.FunctionComponentElement | { color?: string | undefined; visible?: boolean | undefined; width?: number | undefined; } | undefined; color?: ChartsColor | string | undefined; size?: number | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type IPointImageProps = React.PropsWithChildren<{ height?: number | Record | { rangeMaxPoint?: number | undefined; rangeMinPoint?: number | undefined; }; url?: Record | string | undefined | { rangeMaxPoint?: string | undefined; rangeMinPoint?: string | undefined; }; width?: number | Record | { rangeMaxPoint?: number | undefined; rangeMinPoint?: number | undefined; }; }>; declare const PointImage: ((props: IPointImageProps) => React.FunctionComponentElement | { rangeMaxPoint?: number | undefined; rangeMinPoint?: number | undefined; } | undefined; url?: Record | string | undefined | { rangeMaxPoint?: string | undefined; rangeMinPoint?: string | undefined; }; width?: number | Record | { rangeMaxPoint?: number | undefined; rangeMinPoint?: number | undefined; } | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type IPointSelectionStyleProps = React.PropsWithChildren<{ border?: Record | { color?: string | undefined; visible?: boolean; width?: number; }; color?: ChartsColor | string | undefined; size?: number | undefined; }>; declare const PointSelectionStyle: ((props: IPointSelectionStyleProps) => React.FunctionComponentElement | { color?: string | undefined; visible?: boolean | undefined; width?: number | undefined; } | undefined; color?: ChartsColor | string | undefined; size?: number | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type IReductionProps = React.PropsWithChildren<{ color?: string; level?: FinancialChartReductionLevel; }>; declare const Reduction: ((props: IReductionProps) => React.FunctionComponentElement>) & NestedComponentMeta; type IScrollBarProps = React.PropsWithChildren<{ color?: string; offset?: number; opacity?: number | undefined; position?: Position; visible?: boolean; width?: number; }>; declare const ScrollBar: ((props: IScrollBarProps) => React.FunctionComponentElement>) & NestedComponentMeta; type ISelectionStyleProps = React.PropsWithChildren<{ border?: Record | { color?: string | undefined; visible?: boolean; width?: number; dashStyle?: DashStyle | undefined; }; color?: ChartsColor | string | undefined; size?: number | undefined; dashStyle?: DashStyle; hatching?: Record | { direction?: HatchDirection; opacity?: number; step?: number; width?: number; }; highlight?: boolean; width?: number; }>; declare const SelectionStyle: ((props: ISelectionStyleProps) => React.FunctionComponentElement | { color?: string | undefined; visible?: boolean | undefined; width?: number | undefined; dashStyle?: DashStyle | undefined; } | undefined; color?: ChartsColor | string | undefined; size?: number | undefined; dashStyle?: DashStyle | undefined; hatching?: Record | { direction?: HatchDirection | undefined; opacity?: number | undefined; step?: number | undefined; width?: number | undefined; } | undefined; highlight?: boolean | undefined; width?: number | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type ISeriesProps = React.PropsWithChildren<{ aggregation?: Record | { calculate?: ((aggregationInfo: chartPointAggregationInfoObject, series: chartSeriesObject) => Record | Array>) | undefined; enabled?: boolean; method?: ChartSeriesAggregationMethod; }; argumentField?: string; axis?: string | undefined; barOverlapGroup?: string | undefined; barPadding?: number | undefined; barWidth?: number | undefined; border?: Record | { color?: string | undefined; dashStyle?: DashStyle | undefined; visible?: boolean; width?: number; }; closeValueField?: string; color?: ChartsColor | string | undefined; cornerRadius?: number; dashStyle?: DashStyle; highValueField?: string; hoverMode?: SeriesHoverMode; hoverStyle?: Record | { border?: Record | { color?: string | undefined; dashStyle?: DashStyle | undefined; visible?: boolean; width?: number; }; color?: ChartsColor | string | undefined; dashStyle?: DashStyle; hatching?: Record | { direction?: HatchDirection; opacity?: number; step?: number; width?: number; }; highlight?: boolean; width?: number; }; ignoreEmptyPoints?: boolean; innerColor?: string; label?: Record | { alignment?: HorizontalAlignment; argumentFormat?: LocalizationFormat | undefined; backgroundColor?: string | undefined; border?: Record | { color?: string | undefined; dashStyle?: DashStyle | undefined; visible?: boolean; width?: number; }; connector?: Record | { color?: string | undefined; visible?: boolean; width?: number; }; customizeText?: ((pointInfo: any) => string); displayFormat?: string | undefined; font?: ChartsFont; format?: LocalizationFormat | undefined; horizontalOffset?: number; position?: RelativePosition; rotationAngle?: number; showForZeroValues?: boolean; verticalOffset?: number; visible?: boolean; }; lowValueField?: string; maxLabelCount?: number | undefined; minBarSize?: number | undefined; name?: string | undefined; opacity?: number; openValueField?: string; pane?: string; point?: Record | { border?: Record | { color?: string | undefined; visible?: boolean; width?: number; }; color?: ChartsColor | string | undefined; hoverMode?: PointInteractionMode; hoverStyle?: Record | { border?: Record | { color?: string | undefined; visible?: boolean; width?: number; }; color?: ChartsColor | string | undefined; size?: number | undefined; }; image?: Record | string | undefined | { height?: number | Record | { rangeMaxPoint?: number | undefined; rangeMinPoint?: number | undefined; }; url?: Record | string | undefined | { rangeMaxPoint?: string | undefined; rangeMinPoint?: string | undefined; }; width?: number | Record | { rangeMaxPoint?: number | undefined; rangeMinPoint?: number | undefined; }; }; selectionMode?: PointInteractionMode; selectionStyle?: Record | { border?: Record | { color?: string | undefined; visible?: boolean; width?: number; }; color?: ChartsColor | string | undefined; size?: number | undefined; }; size?: number; symbol?: PointSymbol; visible?: boolean; }; rangeValue1Field?: string; rangeValue2Field?: string; reduction?: Record | { color?: string; level?: FinancialChartReductionLevel; }; selectionMode?: SeriesSelectionMode; selectionStyle?: Record | { border?: Record | { color?: string | undefined; dashStyle?: DashStyle | undefined; visible?: boolean; width?: number; }; color?: ChartsColor | string | undefined; dashStyle?: DashStyle; hatching?: Record | { direction?: HatchDirection; opacity?: number; step?: number; width?: number; }; highlight?: boolean; width?: number; }; showInLegend?: boolean; sizeField?: string; stack?: string; tag?: any | undefined; tagField?: string; type?: SeriesType; valueErrorBar?: Record | { color?: string; displayMode?: ValueErrorBarDisplayMode; edgeLength?: number; highValueField?: string | undefined; lineWidth?: number; lowValueField?: string | undefined; opacity?: number | undefined; type?: undefined | ValueErrorBarType; value?: number; }; valueField?: string; visible?: boolean; width?: number; }>; declare const Series: ((props: ISeriesProps) => React.FunctionComponentElement | { calculate?: ((aggregationInfo: chartPointAggregationInfoObject, series: chartSeriesObject) => Record | Array>) | undefined; enabled?: boolean | undefined; method?: ChartSeriesAggregationMethod | undefined; } | undefined; argumentField?: string | undefined; axis?: string | undefined; barOverlapGroup?: string | undefined; barPadding?: number | undefined; barWidth?: number | undefined; border?: Record | { color?: string | undefined; dashStyle?: DashStyle | undefined; visible?: boolean | undefined; width?: number | undefined; } | undefined; closeValueField?: string | undefined; color?: ChartsColor | string | undefined; cornerRadius?: number | undefined; dashStyle?: DashStyle | undefined; highValueField?: string | undefined; hoverMode?: SeriesHoverMode | undefined; hoverStyle?: Record | { border?: Record | { color?: string | undefined; dashStyle?: DashStyle | undefined; visible?: boolean | undefined; width?: number | undefined; } | undefined; color?: ChartsColor | string | undefined; dashStyle?: DashStyle | undefined; hatching?: Record | { direction?: HatchDirection | undefined; opacity?: number | undefined; step?: number | undefined; width?: number | undefined; } | undefined; highlight?: boolean | undefined; width?: number | undefined; } | undefined; ignoreEmptyPoints?: boolean | undefined; innerColor?: string | undefined; label?: Record | { alignment?: HorizontalAlignment | undefined; argumentFormat?: LocalizationFormat | undefined; backgroundColor?: string | undefined; border?: Record | { color?: string | undefined; dashStyle?: DashStyle | undefined; visible?: boolean | undefined; width?: number | undefined; } | undefined; connector?: Record | { color?: string | undefined; visible?: boolean | undefined; width?: number | undefined; } | undefined; customizeText?: ((pointInfo: any) => string) | undefined; displayFormat?: string | undefined; font?: ChartsFont | undefined; format?: LocalizationFormat | undefined; horizontalOffset?: number | undefined; position?: RelativePosition | undefined; rotationAngle?: number | undefined; showForZeroValues?: boolean | undefined; verticalOffset?: number | undefined; visible?: boolean | undefined; } | undefined; lowValueField?: string | undefined; maxLabelCount?: number | undefined; minBarSize?: number | undefined; name?: string | undefined; opacity?: number | undefined; openValueField?: string | undefined; pane?: string | undefined; point?: Record | { border?: Record | { color?: string | undefined; visible?: boolean | undefined; width?: number | undefined; } | undefined; color?: ChartsColor | string | undefined; hoverMode?: PointInteractionMode | undefined; hoverStyle?: Record | { border?: Record | { color?: string | undefined; visible?: boolean | undefined; width?: number | undefined; } | undefined; color?: ChartsColor | string | undefined; size?: number | undefined; } | undefined; image?: Record | string | undefined | { height?: number | Record | { rangeMaxPoint?: number | undefined; rangeMinPoint?: number | undefined; }; url?: Record | string | undefined | { rangeMaxPoint?: string | undefined; rangeMinPoint?: string | undefined; }; width?: number | Record | { rangeMaxPoint?: number | undefined; rangeMinPoint?: number | undefined; }; }; selectionMode?: PointInteractionMode | undefined; selectionStyle?: Record | { border?: Record | { color?: string | undefined; visible?: boolean | undefined; width?: number | undefined; } | undefined; color?: ChartsColor | string | undefined; size?: number | undefined; } | undefined; size?: number | undefined; symbol?: PointSymbol | undefined; visible?: boolean | undefined; } | undefined; rangeValue1Field?: string | undefined; rangeValue2Field?: string | undefined; reduction?: Record | { color?: string | undefined; level?: FinancialChartReductionLevel | undefined; } | undefined; selectionMode?: SeriesSelectionMode | undefined; selectionStyle?: Record | { border?: Record | { color?: string | undefined; dashStyle?: DashStyle | undefined; visible?: boolean | undefined; width?: number | undefined; } | undefined; color?: ChartsColor | string | undefined; dashStyle?: DashStyle | undefined; hatching?: Record | { direction?: HatchDirection | undefined; opacity?: number | undefined; step?: number | undefined; width?: number | undefined; } | undefined; highlight?: boolean | undefined; width?: number | undefined; } | undefined; showInLegend?: boolean | undefined; sizeField?: string | undefined; stack?: string | undefined; tag?: any | undefined; tagField?: string | undefined; type?: SeriesType | undefined; valueErrorBar?: Record | { color?: string | undefined; displayMode?: ValueErrorBarDisplayMode | undefined; edgeLength?: number | undefined; highValueField?: string | undefined; lineWidth?: number | undefined; lowValueField?: string | undefined; opacity?: number | undefined; type?: undefined | ValueErrorBarType; value?: number | undefined; } | undefined; valueField?: string | undefined; visible?: boolean | undefined; width?: number | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type ISeriesBorderProps = React.PropsWithChildren<{ color?: string | undefined; dashStyle?: DashStyle | undefined; visible?: boolean; width?: number; }>; declare const SeriesBorder: ((props: ISeriesBorderProps) => React.FunctionComponentElement>) & NestedComponentMeta; type ISeriesTemplateProps = React.PropsWithChildren<{ customizeSeries?: ((seriesName: any) => ChartSeries); nameField?: string; }>; declare const SeriesTemplate: ((props: ISeriesTemplateProps) => React.FunctionComponentElement ChartSeries) | undefined; nameField?: string | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type IShadowProps = React.PropsWithChildren<{ blur?: number; color?: string; offsetX?: number; offsetY?: number; opacity?: number; }>; declare const Shadow: ((props: IShadowProps) => React.FunctionComponentElement>) & NestedComponentMeta; type ISizeProps = React.PropsWithChildren<{ height?: number | undefined; width?: number | undefined; }>; declare const Size: ((props: ISizeProps) => React.FunctionComponentElement>) & NestedComponentMeta; type IStripProps = React.PropsWithChildren<{ color?: string | undefined; endValue?: Date | number | string | undefined; label?: Record | { font?: ChartsFont; horizontalAlignment?: HorizontalAlignment; text?: string | undefined; verticalAlignment?: VerticalAlignment; }; paddingLeftRight?: number; paddingTopBottom?: number; startValue?: Date | number | string | undefined; }>; declare const Strip: ((props: IStripProps) => React.FunctionComponentElement | { font?: ChartsFont | undefined; horizontalAlignment?: HorizontalAlignment | undefined; text?: string | undefined; verticalAlignment?: VerticalAlignment | undefined; } | undefined; paddingLeftRight?: number | undefined; paddingTopBottom?: number | undefined; startValue?: Date | number | string | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type IStripLabelProps = React.PropsWithChildren<{ font?: ChartsFont; horizontalAlignment?: HorizontalAlignment; text?: string | undefined; verticalAlignment?: VerticalAlignment; }>; declare const StripLabel: ((props: IStripLabelProps) => React.FunctionComponentElement>) & NestedComponentMeta; type IStripStyleProps = React.PropsWithChildren<{ label?: Record | { font?: ChartsFont; horizontalAlignment?: HorizontalAlignment; verticalAlignment?: VerticalAlignment; }; paddingLeftRight?: number; paddingTopBottom?: number; }>; declare const StripStyle: ((props: IStripStyleProps) => React.FunctionComponentElement | { font?: ChartsFont | undefined; horizontalAlignment?: HorizontalAlignment | undefined; verticalAlignment?: VerticalAlignment | undefined; } | undefined; paddingLeftRight?: number | undefined; paddingTopBottom?: number | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type IStripStyleLabelProps = React.PropsWithChildren<{ font?: ChartsFont; horizontalAlignment?: HorizontalAlignment; verticalAlignment?: VerticalAlignment; }>; declare const StripStyleLabel: ((props: IStripStyleLabelProps) => React.FunctionComponentElement>) & NestedComponentMeta; type ISubtitleProps = React.PropsWithChildren<{ font?: ChartsFont; offset?: number; text?: string; textOverflow?: TextOverflow; wordWrap?: WordWrap; }>; declare const Subtitle: ((props: ISubtitleProps) => React.FunctionComponentElement>) & NestedComponentMeta; type ITickProps = React.PropsWithChildren<{ color?: string; length?: number; opacity?: number | undefined; shift?: number; visible?: boolean; width?: number; }>; declare const Tick: ((props: ITickProps) => React.FunctionComponentElement>) & NestedComponentMeta; type ITickIntervalProps = React.PropsWithChildren<{ days?: number; hours?: number; milliseconds?: number; minutes?: number; months?: number; quarters?: number; seconds?: number; weeks?: number; years?: number; }>; declare const TickInterval: ((props: ITickIntervalProps) => React.FunctionComponentElement>) & NestedComponentMeta; type ITitleProps = React.PropsWithChildren<{ alignment?: HorizontalAlignment; font?: ChartsFont; margin?: number | Record | { bottom?: number; left?: number; right?: number; top?: number; }; text?: string | undefined; textOverflow?: TextOverflow; wordWrap?: WordWrap; horizontalAlignment?: HorizontalAlignment | undefined; placeholderSize?: number | undefined; subtitle?: Record | string | { font?: ChartsFont; offset?: number; text?: string; textOverflow?: TextOverflow; wordWrap?: WordWrap; }; verticalAlignment?: VerticalEdge; }>; declare const Title: ((props: ITitleProps) => React.FunctionComponentElement | { bottom?: number | undefined; left?: number | undefined; right?: number | undefined; top?: number | undefined; } | undefined; text?: string | undefined; textOverflow?: TextOverflow | undefined; wordWrap?: WordWrap | undefined; horizontalAlignment?: HorizontalAlignment | undefined; placeholderSize?: number | undefined; subtitle?: string | Record | { font?: ChartsFont | undefined; offset?: number | undefined; text?: string | undefined; textOverflow?: TextOverflow | undefined; wordWrap?: WordWrap | undefined; } | undefined; verticalAlignment?: VerticalEdge | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type ITooltipProps = React.PropsWithChildren<{ argumentFormat?: LocalizationFormat | undefined; arrowLength?: number; border?: Record | { color?: string; dashStyle?: DashStyle; opacity?: number | undefined; visible?: boolean; width?: number; }; color?: string; container?: any | string | undefined; contentTemplate?: ((pointInfo: dxChartPointInfo, element: any) => string | any) | template | undefined; cornerRadius?: number; customizeTooltip?: ((pointInfo: dxChartPointInfo) => Record) | undefined; enabled?: boolean; font?: ChartsFont; format?: LocalizationFormat | undefined; interactive?: boolean; location?: ChartTooltipLocation; opacity?: number | undefined; paddingLeftRight?: number; paddingTopBottom?: number; shadow?: Record | { blur?: number; color?: string; offsetX?: number; offsetY?: number; opacity?: number; }; shared?: boolean; zIndex?: number | undefined; contentRender?: (...params: any) => React.ReactNode; contentComponent?: React.ComponentType; }>; declare const Tooltip: ((props: ITooltipProps) => React.FunctionComponentElement | { color?: string | undefined; dashStyle?: DashStyle | undefined; opacity?: number | undefined; visible?: boolean | undefined; width?: number | undefined; } | undefined; color?: string | undefined; container?: any | string | undefined; contentTemplate?: template | ((pointInfo: dxChartPointInfo, element: any) => string | any) | undefined; cornerRadius?: number | undefined; customizeTooltip?: ((pointInfo: dxChartPointInfo) => Record) | undefined; enabled?: boolean | undefined; font?: ChartsFont | undefined; format?: LocalizationFormat | undefined; interactive?: boolean | undefined; location?: ChartTooltipLocation | undefined; opacity?: number | undefined; paddingLeftRight?: number | undefined; paddingTopBottom?: number | undefined; shadow?: Record | { blur?: number | undefined; color?: string | undefined; offsetX?: number | undefined; offsetY?: number | undefined; opacity?: number | undefined; } | undefined; shared?: boolean | undefined; zIndex?: number | undefined; contentRender?: ((...params: any) => React.ReactNode) | undefined; contentComponent?: React.ComponentType | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type ITooltipBorderProps = React.PropsWithChildren<{ color?: string; dashStyle?: DashStyle; opacity?: number | undefined; visible?: boolean; width?: number; }>; declare const TooltipBorder: ((props: ITooltipBorderProps) => React.FunctionComponentElement>) & NestedComponentMeta; type IUrlProps = React.PropsWithChildren<{ rangeMaxPoint?: string | undefined; rangeMinPoint?: string | undefined; }>; declare const Url: ((props: IUrlProps) => React.FunctionComponentElement>) & NestedComponentMeta; type IValueAxisProps = React.PropsWithChildren<{ aggregatedPointsPosition?: AggregatedPointsPosition; allowDecimals?: boolean | undefined; autoBreaksEnabled?: boolean; axisDivisionFactor?: number; breaks?: Array | { endValue?: Date | number | string | undefined; startValue?: Date | number | string | undefined; }[]; breakStyle?: Record | { color?: string; line?: ScaleBreakLineStyle; width?: number; }; categories?: Array; color?: string; constantLines?: Array> | { color?: string; dashStyle?: DashStyle; displayBehindSeries?: boolean; extendAxis?: boolean; label?: Record | { font?: ChartsFont; horizontalAlignment?: HorizontalAlignment; position?: RelativePosition; text?: string | undefined; verticalAlignment?: VerticalAlignment; visible?: boolean; }; paddingLeftRight?: number; paddingTopBottom?: number; value?: Date | number | string | undefined; width?: number; }[]; constantLineStyle?: Record | { color?: string; dashStyle?: DashStyle; label?: Record | { font?: ChartsFont; horizontalAlignment?: HorizontalAlignment; position?: RelativePosition; verticalAlignment?: VerticalAlignment; visible?: boolean; }; paddingLeftRight?: number; paddingTopBottom?: number; width?: number; }; customPosition?: Date | number | string | undefined; discreteAxisDivisionMode?: DiscreteAxisDivisionMode; endOnTick?: boolean | undefined; grid?: Record | { color?: string; opacity?: number | undefined; visible?: boolean; width?: number; }; inverted?: boolean; label?: Record | { alignment?: HorizontalAlignment | undefined; customizeHint?: ((axisValue: { value: Date | number | string; valueText: string; }) => string); customizeText?: ((axisValue: { value: Date | number | string; valueText: string; }) => string); displayMode?: ChartLabelDisplayMode; font?: ChartsFont; format?: LocalizationFormat | undefined; indentFromAxis?: number; overlappingBehavior?: ChartsAxisLabelOverlap; position?: Position | RelativePosition; rotationAngle?: number; staggeringSpacing?: number; template?: ((data: { value: Date | number | string; valueText: string; }, element: any) => string | any) | template | undefined; textOverflow?: TextOverflow; visible?: boolean; wordWrap?: WordWrap; }; linearThreshold?: number | undefined; logarithmBase?: number; maxAutoBreakCount?: number; maxValueMargin?: number | undefined; minorGrid?: Record | { color?: string; opacity?: number | undefined; visible?: boolean; width?: number; }; minorTick?: Record | { color?: string; length?: number; opacity?: number; shift?: number; visible?: boolean; width?: number; }; minorTickCount?: number | undefined; minorTickInterval?: number | Record | TimeInterval | { days?: number; hours?: number; milliseconds?: number; minutes?: number; months?: number; quarters?: number; seconds?: number; weeks?: number; years?: number; }; minValueMargin?: number | undefined; minVisualRangeLength?: number | Record | TimeInterval | undefined | { days?: number; hours?: number; milliseconds?: number; minutes?: number; months?: number; quarters?: number; seconds?: number; weeks?: number; years?: number; }; multipleAxesSpacing?: number; name?: string | undefined; offset?: number | undefined; opacity?: number | undefined; pane?: string | undefined; placeholderSize?: number; position?: Position; showZero?: boolean | undefined; strips?: Array> | { color?: string | undefined; endValue?: Date | number | string | undefined; label?: Record | { font?: ChartsFont; horizontalAlignment?: HorizontalAlignment; text?: string | undefined; verticalAlignment?: VerticalAlignment; }; paddingLeftRight?: number; paddingTopBottom?: number; startValue?: Date | number | string | undefined; }[]; stripStyle?: Record | { label?: Record | { font?: ChartsFont; horizontalAlignment?: HorizontalAlignment; verticalAlignment?: VerticalAlignment; }; paddingLeftRight?: number; paddingTopBottom?: number; }; synchronizedValue?: number | undefined; tick?: Record | { color?: string; length?: number; opacity?: number | undefined; shift?: number; visible?: boolean; width?: number; }; tickInterval?: number | Record | TimeInterval | { days?: number; hours?: number; milliseconds?: number; minutes?: number; months?: number; quarters?: number; seconds?: number; weeks?: number; years?: number; }; title?: Record | string | { alignment?: HorizontalAlignment; font?: ChartsFont; margin?: number; text?: string | undefined; textOverflow?: TextOverflow; wordWrap?: WordWrap; }; type?: AxisScaleType | undefined; valueMarginsEnabled?: boolean; valueType?: ChartsDataType | undefined; visible?: boolean; visualRange?: Array | CommonChartTypes.VisualRange; visualRangeUpdateMode?: ValueAxisVisualRangeUpdateMode; wholeRange?: Array | undefined | CommonChartTypes.VisualRange; width?: number; defaultCategories?: Array; onCategoriesChange?: (value: Array) => void; defaultVisualRange?: Array | CommonChartTypes.VisualRange; onVisualRangeChange?: (value: Array | CommonChartTypes.VisualRange) => void; }>; declare const ValueAxis: ((props: IValueAxisProps) => React.FunctionComponentElement | { color?: string | undefined; line?: ScaleBreakLineStyle | undefined; width?: number | undefined; } | undefined; categories?: (string | number | Date)[] | undefined; color?: string | undefined; constantLines?: Record[] | { color?: string | undefined; dashStyle?: DashStyle | undefined; displayBehindSeries?: boolean | undefined; extendAxis?: boolean | undefined; label?: Record | { font?: ChartsFont | undefined; horizontalAlignment?: HorizontalAlignment | undefined; position?: RelativePosition | undefined; text?: string | undefined; verticalAlignment?: VerticalAlignment | undefined; visible?: boolean | undefined; } | undefined; paddingLeftRight?: number | undefined; paddingTopBottom?: number | undefined; value?: Date | number | string | undefined; width?: number | undefined; }[] | undefined; constantLineStyle?: Record | { color?: string | undefined; dashStyle?: DashStyle | undefined; label?: Record | { font?: ChartsFont | undefined; horizontalAlignment?: HorizontalAlignment | undefined; position?: RelativePosition | undefined; verticalAlignment?: VerticalAlignment | undefined; visible?: boolean | undefined; } | undefined; paddingLeftRight?: number | undefined; paddingTopBottom?: number | undefined; width?: number | undefined; } | undefined; customPosition?: Date | number | string | undefined; discreteAxisDivisionMode?: DiscreteAxisDivisionMode | undefined; endOnTick?: boolean | undefined; grid?: Record | { color?: string | undefined; opacity?: number | undefined; visible?: boolean | undefined; width?: number | undefined; } | undefined; inverted?: boolean | undefined; label?: Record | { alignment?: HorizontalAlignment | undefined; customizeHint?: ((axisValue: { value: Date | number | string; valueText: string; }) => string) | undefined; customizeText?: ((axisValue: { value: Date | number | string; valueText: string; }) => string) | undefined; displayMode?: ChartLabelDisplayMode | undefined; font?: ChartsFont | undefined; format?: LocalizationFormat | undefined; indentFromAxis?: number | undefined; overlappingBehavior?: ChartsAxisLabelOverlap | undefined; position?: Position | RelativePosition | undefined; rotationAngle?: number | undefined; staggeringSpacing?: number | undefined; template?: template | ((data: { value: Date | number | string; valueText: string; }, element: any) => string | any) | undefined; textOverflow?: TextOverflow | undefined; visible?: boolean | undefined; wordWrap?: WordWrap | undefined; } | undefined; linearThreshold?: number | undefined; logarithmBase?: number | undefined; maxAutoBreakCount?: number | undefined; maxValueMargin?: number | undefined; minorGrid?: Record | { color?: string | undefined; opacity?: number | undefined; visible?: boolean | undefined; width?: number | undefined; } | undefined; minorTick?: Record | { color?: string | undefined; length?: number | undefined; opacity?: number | undefined; shift?: number | undefined; visible?: boolean | undefined; width?: number | undefined; } | undefined; minorTickCount?: number | undefined; minorTickInterval?: number | Record | TimeInterval | { days?: number | undefined; hours?: number | undefined; milliseconds?: number | undefined; minutes?: number | undefined; months?: number | undefined; quarters?: number | undefined; seconds?: number | undefined; weeks?: number | undefined; years?: number | undefined; } | undefined; minValueMargin?: number | undefined; minVisualRangeLength?: number | Record | TimeInterval | undefined | { days?: number; hours?: number; milliseconds?: number; minutes?: number; months?: number; quarters?: number; seconds?: number; weeks?: number; years?: number; }; multipleAxesSpacing?: number | undefined; name?: string | undefined; offset?: number | undefined; opacity?: number | undefined; pane?: string | undefined; placeholderSize?: number | undefined; position?: Position | undefined; showZero?: boolean | undefined; strips?: Record[] | { color?: string | undefined; endValue?: Date | number | string | undefined; label?: Record | { font?: ChartsFont | undefined; horizontalAlignment?: HorizontalAlignment | undefined; text?: string | undefined; verticalAlignment?: VerticalAlignment | undefined; } | undefined; paddingLeftRight?: number | undefined; paddingTopBottom?: number | undefined; startValue?: Date | number | string | undefined; }[] | undefined; stripStyle?: Record | { label?: Record | { font?: ChartsFont | undefined; horizontalAlignment?: HorizontalAlignment | undefined; verticalAlignment?: VerticalAlignment | undefined; } | undefined; paddingLeftRight?: number | undefined; paddingTopBottom?: number | undefined; } | undefined; synchronizedValue?: number | undefined; tick?: Record | { color?: string | undefined; length?: number | undefined; opacity?: number | undefined; shift?: number | undefined; visible?: boolean | undefined; width?: number | undefined; } | undefined; tickInterval?: number | Record | TimeInterval | { days?: number | undefined; hours?: number | undefined; milliseconds?: number | undefined; minutes?: number | undefined; months?: number | undefined; quarters?: number | undefined; seconds?: number | undefined; weeks?: number | undefined; years?: number | undefined; } | undefined; title?: string | Record | { alignment?: HorizontalAlignment | undefined; font?: ChartsFont | undefined; margin?: number | undefined; text?: string | undefined; textOverflow?: TextOverflow | undefined; wordWrap?: WordWrap | undefined; } | undefined; type?: AxisScaleType | undefined; valueMarginsEnabled?: boolean | undefined; valueType?: ChartsDataType | undefined; visible?: boolean | undefined; visualRange?: (string | number | Date)[] | CommonChartTypes.VisualRange | undefined; visualRangeUpdateMode?: ValueAxisVisualRangeUpdateMode | undefined; wholeRange?: Array | undefined | CommonChartTypes.VisualRange; width?: number | undefined; defaultCategories?: (string | number | Date)[] | undefined; onCategoriesChange?: ((value: Array) => void) | undefined; defaultVisualRange?: (string | number | Date)[] | CommonChartTypes.VisualRange | undefined; onVisualRangeChange?: ((value: Array | CommonChartTypes.VisualRange) => void) | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type IValueErrorBarProps = React.PropsWithChildren<{ color?: string; displayMode?: ValueErrorBarDisplayMode; edgeLength?: number; highValueField?: string | undefined; lineWidth?: number; lowValueField?: string | undefined; opacity?: number | undefined; type?: undefined | ValueErrorBarType; value?: number; }>; declare const ValueErrorBar: ((props: IValueErrorBarProps) => React.FunctionComponentElement>) & NestedComponentMeta; type IVerticalLineProps = React.PropsWithChildren<{ color?: string; dashStyle?: DashStyle; label?: Record | { backgroundColor?: string; customizeText?: ((info: { point: chartPointObject; value: Date | number | string; valueText: string; }) => string); font?: ChartsFont; format?: LocalizationFormat | undefined; visible?: boolean; }; opacity?: number | undefined; visible?: boolean; width?: number; }>; declare const VerticalLine: ((props: IVerticalLineProps) => React.FunctionComponentElement | { backgroundColor?: string | undefined; customizeText?: ((info: { point: chartPointObject; value: Date | number | string; valueText: string; }) => string) | undefined; font?: ChartsFont | undefined; format?: LocalizationFormat | undefined; visible?: boolean | undefined; } | undefined; opacity?: number | undefined; visible?: boolean | undefined; width?: number | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type IVisualRangeProps = React.PropsWithChildren<{ endValue?: Date | number | string | undefined; length?: number | Record | TimeInterval | undefined | { days?: number; hours?: number; milliseconds?: number; minutes?: number; months?: number; quarters?: number; seconds?: number; weeks?: number; years?: number; }; startValue?: Date | number | string | undefined; defaultEndValue?: Date | number | string | undefined; onEndValueChange?: (value: Date | number | string | undefined) => void; defaultStartValue?: Date | number | string | undefined; onStartValueChange?: (value: Date | number | string | undefined) => void; }>; declare const VisualRange: ((props: IVisualRangeProps) => React.FunctionComponentElement | TimeInterval | undefined | { days?: number; hours?: number; milliseconds?: number; minutes?: number; months?: number; quarters?: number; seconds?: number; weeks?: number; years?: number; }; startValue?: Date | number | string | undefined; defaultEndValue?: Date | number | string | undefined; onEndValueChange?: ((value: Date | number | string | undefined) => void) | undefined; defaultStartValue?: Date | number | string | undefined; onStartValueChange?: ((value: Date | number | string | undefined) => void) | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type IWholeRangeProps = React.PropsWithChildren<{ endValue?: Date | number | string | undefined; length?: number | Record | TimeInterval | undefined | { days?: number; hours?: number; milliseconds?: number; minutes?: number; months?: number; quarters?: number; seconds?: number; weeks?: number; years?: number; }; startValue?: Date | number | string | undefined; defaultEndValue?: Date | number | string | undefined; onEndValueChange?: (value: Date | number | string | undefined) => void; defaultStartValue?: Date | number | string | undefined; onStartValueChange?: (value: Date | number | string | undefined) => void; }>; declare const WholeRange: ((props: IWholeRangeProps) => React.FunctionComponentElement | TimeInterval | undefined | { days?: number; hours?: number; milliseconds?: number; minutes?: number; months?: number; quarters?: number; seconds?: number; weeks?: number; years?: number; }; startValue?: Date | number | string | undefined; defaultEndValue?: Date | number | string | undefined; onEndValueChange?: ((value: Date | number | string | undefined) => void) | undefined; defaultStartValue?: Date | number | string | undefined; onStartValueChange?: ((value: Date | number | string | undefined) => void) | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; type IWidthProps = React.PropsWithChildren<{ rangeMaxPoint?: number | undefined; rangeMinPoint?: number | undefined; }>; declare const Width: ((props: IWidthProps) => React.FunctionComponentElement>) & NestedComponentMeta; type IZoomAndPanProps = React.PropsWithChildren<{ allowMouseWheel?: boolean; allowTouchGestures?: boolean; argumentAxis?: ChartZoomAndPanMode; dragBoxStyle?: Record | { color?: string | undefined; opacity?: number | undefined; }; dragToZoom?: boolean; panKey?: EventKeyModifier; valueAxis?: ChartZoomAndPanMode; }>; declare const ZoomAndPan: ((props: IZoomAndPanProps) => React.FunctionComponentElement | { color?: string | undefined; opacity?: number | undefined; } | undefined; dragToZoom?: boolean | undefined; panKey?: EventKeyModifier | undefined; valueAxis?: ChartZoomAndPanMode | undefined; } & { children?: React.ReactNode; } & { elementDescriptor: import("./core/configuration/react/element").IElementDescriptor; }>>) & NestedComponentMeta; export default Chart; export { Chart, IChartOptions, ChartRef, AdaptiveLayout, IAdaptiveLayoutProps, Aggregation, IAggregationProps, AggregationInterval, IAggregationIntervalProps, Animation, IAnimationProps, Annotation, IAnnotationProps, AnnotationBorder, IAnnotationBorderProps, AnnotationImage, IAnnotationImageProps, ArgumentAxis, IArgumentAxisProps, ArgumentFormat, IArgumentFormatProps, AxisConstantLineStyle, IAxisConstantLineStyleProps, AxisConstantLineStyleLabel, IAxisConstantLineStyleLabelProps, AxisLabel, IAxisLabelProps, AxisTitle, IAxisTitleProps, BackgroundColor, IBackgroundColorProps, Border, IBorderProps, Break, IBreakProps, BreakStyle, IBreakStyleProps, ChartTitle, IChartTitleProps, ChartTitleSubtitle, IChartTitleSubtitleProps, Color, IColorProps, CommonAnnotationSettings, ICommonAnnotationSettingsProps, CommonAxisSettings, ICommonAxisSettingsProps, CommonAxisSettingsConstantLineStyle, ICommonAxisSettingsConstantLineStyleProps, CommonAxisSettingsConstantLineStyleLabel, ICommonAxisSettingsConstantLineStyleLabelProps, CommonAxisSettingsLabel, ICommonAxisSettingsLabelProps, CommonAxisSettingsTitle, ICommonAxisSettingsTitleProps, CommonPaneSettings, ICommonPaneSettingsProps, CommonSeriesSettings, ICommonSeriesSettingsProps, CommonSeriesSettingsHoverStyle, ICommonSeriesSettingsHoverStyleProps, CommonSeriesSettingsLabel, ICommonSeriesSettingsLabelProps, CommonSeriesSettingsSelectionStyle, ICommonSeriesSettingsSelectionStyleProps, Connector, IConnectorProps, ConstantLine, IConstantLineProps, ConstantLineLabel, IConstantLineLabelProps, ConstantLineStyle, IConstantLineStyleProps, Crosshair, ICrosshairProps, DataPrepareSettings, IDataPrepareSettingsProps, DragBoxStyle, IDragBoxStyleProps, Export, IExportProps, Font, IFontProps, Format, IFormatProps, Grid, IGridProps, Hatching, IHatchingProps, Height, IHeightProps, HorizontalLine, IHorizontalLineProps, HorizontalLineLabel, IHorizontalLineLabelProps, HoverStyle, IHoverStyleProps, Image, IImageProps, Label, ILabelProps, Legend, ILegendProps, LegendTitle, ILegendTitleProps, LegendTitleSubtitle, ILegendTitleSubtitleProps, Length, ILengthProps, LoadingIndicator, ILoadingIndicatorProps, Margin, IMarginProps, MinorGrid, IMinorGridProps, MinorTick, IMinorTickProps, MinorTickInterval, IMinorTickIntervalProps, MinVisualRangeLength, IMinVisualRangeLengthProps, Pane, IPaneProps, PaneBorder, IPaneBorderProps, Point, IPointProps, PointBorder, IPointBorderProps, PointHoverStyle, IPointHoverStyleProps, PointImage, IPointImageProps, PointSelectionStyle, IPointSelectionStyleProps, Reduction, IReductionProps, ScrollBar, IScrollBarProps, SelectionStyle, ISelectionStyleProps, Series, ISeriesProps, SeriesBorder, ISeriesBorderProps, SeriesTemplate, ISeriesTemplateProps, Shadow, IShadowProps, Size, ISizeProps, Strip, IStripProps, StripLabel, IStripLabelProps, StripStyle, IStripStyleProps, StripStyleLabel, IStripStyleLabelProps, Subtitle, ISubtitleProps, Tick, ITickProps, TickInterval, ITickIntervalProps, Title, ITitleProps, Tooltip, ITooltipProps, TooltipBorder, ITooltipBorderProps, Url, IUrlProps, ValueAxis, IValueAxisProps, ValueErrorBar, IValueErrorBarProps, VerticalLine, IVerticalLineProps, VisualRange, IVisualRangeProps, WholeRange, IWholeRangeProps, Width, IWidthProps, ZoomAndPan, IZoomAndPanProps }; import type * as ChartTypes from 'devextreme/viz/chart_types'; export { ChartTypes };