/*! * devextreme-angular * Version: 19.1.16 * Build date: Tue Oct 18 2022 * * Copyright (c) 2012 - 2022 Developer Express Inc. ALL RIGHTS RESERVED * * This software may be modified and distributed under the terms * of the MIT license. See the LICENSE file in the root of the project for details. * * https://github.com/DevExpress/devextreme-angular */ import { TransferState } from '@angular/platform-browser'; import { ElementRef, NgZone, OnDestroy, EventEmitter, OnChanges, DoCheck, SimpleChanges, QueryList } from '@angular/core'; import DevExpress from 'devextreme/bundles/dx.all'; import DxChart from 'devextreme/viz/chart'; import { DxComponent } from '../core/component'; import { DxTemplateHost } from '../core/template-host'; import { NestedOptionHost } from '../core/nested-option'; import { WatcherHelper } from '../core/watcher-helper'; import { IterableDifferHelper } from '../core/iterable-differ-helper'; import { DxiAnnotationComponent } from './nested/annotation-dxi'; import { DxiPaneComponent } from './nested/pane-dxi'; import { DxiSeriesComponent } from './nested/series-dxi'; import { DxiValueAxisComponent } from './nested/value-axis-dxi'; /** * The Chart is a widget that visualizes data from a local or remote storage using a great variety of series types along with different interactive elements, such as tooltips, crosshair pointer, legend, etc. */ export declare class DxChartComponent extends DxComponent implements OnDestroy, OnChanges, DoCheck { private _watcherHelper; private _idh; instance: DxChart; /** * Specifies adaptive layout options. */ adaptiveLayout: { height?: number; keepLabels?: boolean; width?: number; }; /** * Specifies whether to adjust the value axis's visualRange when the argument axis is being zoomed or panned. */ adjustOnZoom: boolean; /** * Specifies animation options. */ animation: boolean | { duration?: number; easing?: string; enabled?: boolean; maxPointCountSupported?: number; }; /** * Specifies the annotation collection. */ annotations: Array; /** * Configures the argument axis. */ argumentAxis: { aggregationGroupWidth?: number; aggregationInterval?: number | string | { days?: number; hours?: number; milliseconds?: number; minutes?: number; months?: number; quarters?: number; seconds?: number; weeks?: number; years?: number; }; allowDecimals?: boolean; argumentType?: string; axisDivisionFactor?: number; breaks?: Array; breakStyle?: { color?: string; line?: string; width?: number; }; categories?: Array; color?: string; constantLines?: Array; constantLineStyle?: { color?: string; dashStyle?: string; label?: { font?: DevExpress.viz.Font; horizontalAlignment?: string; position?: string; verticalAlignment?: string; visible?: boolean; }; paddingLeftRight?: number; paddingTopBottom?: number; width?: number; }; discreteAxisDivisionMode?: string; endOnTick?: boolean; grid?: { color?: string; opacity?: number; visible?: boolean; width?: number; }; holidays?: Array; hoverMode?: string; inverted?: boolean; label?: { alignment?: string; customizeHint?: Function; customizeText?: Function; displayMode?: string; font?: DevExpress.viz.Font; format?: DevExpress.ui.format | string; indentFromAxis?: number; overlappingBehavior?: string; rotationAngle?: number; staggeringSpacing?: number; textOverflow?: string; visible?: boolean; wordWrap?: string; }; logarithmBase?: number; max?: Date | number | string; maxValueMargin?: number; min?: Date | number | string; minorGrid?: { color?: string; opacity?: number; visible?: boolean; width?: number; }; minorTick?: { color?: string; length?: number; opacity?: number; shift?: number; visible?: boolean; width?: number; }; minorTickCount?: number; minorTickInterval?: number | string | { days?: number; hours?: number; milliseconds?: number; minutes?: number; months?: number; quarters?: number; seconds?: number; weeks?: number; years?: number; }; minValueMargin?: number; minVisualRangeLength?: number | string | { days?: number; hours?: number; milliseconds?: number; minutes?: number; months?: number; quarters?: number; seconds?: number; weeks?: number; years?: number; }; opacity?: number; placeholderSize?: number; position?: string; singleWorkdays?: Array; strips?: Array; stripStyle?: { label?: { font?: DevExpress.viz.Font; horizontalAlignment?: string; verticalAlignment?: string; }; paddingLeftRight?: number; paddingTopBottom?: number; }; tick?: { color?: string; length?: number; opacity?: number; shift?: number; visible?: boolean; width?: number; }; tickInterval?: number | string | { days?: number; hours?: number; milliseconds?: number; minutes?: number; months?: number; quarters?: number; seconds?: number; weeks?: number; years?: number; }; title?: string | { alignment?: string; font?: DevExpress.viz.Font; margin?: number; text?: string; textOverflow?: string; wordWrap?: string; }; type?: string; valueMarginsEnabled?: boolean; visible?: boolean; visualRange?: DevExpress.viz.VizRange | Array; visualRangeUpdateMode?: string; wholeRange?: DevExpress.viz.VizRange | Array; width?: number; workdaysOnly?: boolean; workWeek?: Array; }; /** * Specifies whether to hide series point markers automatically to reduce visual clutter. */ autoHidePointMarkers: boolean; /** * Controls the padding and consequently the width of a group of bars with the same argument using relative units. Ignored if the barGroupWidth option is set. */ barGroupPadding: number; /** * Specifies a fixed width for groups of bars with the same argument, measured in pixels. Takes precedence over the barGroupPadding option. */ barGroupWidth: number; /** * Use CommonSeries.barPadding instead. */ barWidth: number; /** * Specifies settings common for all annotations in the chart. */ commonAnnotationSettings: DevExpress.viz.dxChartCommonAnnotationConfig; /** * Defines common settings for both the argument and value axis in a chart. */ commonAxisSettings: { allowDecimals?: boolean; breakStyle?: { color?: string; line?: string; width?: number; }; color?: string; constantLineStyle?: { color?: string; dashStyle?: string; label?: { font?: DevExpress.viz.Font; position?: string; visible?: boolean; }; paddingLeftRight?: number; paddingTopBottom?: number; width?: number; }; discreteAxisDivisionMode?: string; endOnTick?: boolean; grid?: { color?: string; opacity?: number; visible?: boolean; width?: number; }; inverted?: boolean; label?: { alignment?: string; displayMode?: string; font?: DevExpress.viz.Font; indentFromAxis?: number; overlappingBehavior?: string; rotationAngle?: number; staggeringSpacing?: number; textOverflow?: string; visible?: boolean; wordWrap?: string; }; maxValueMargin?: number; minorGrid?: { color?: string; opacity?: number; visible?: boolean; width?: number; }; minorTick?: { color?: string; length?: number; opacity?: number; shift?: number; visible?: boolean; width?: number; }; minValueMargin?: number; opacity?: number; placeholderSize?: number; stripStyle?: { label?: { font?: DevExpress.viz.Font; horizontalAlignment?: string; verticalAlignment?: string; }; paddingLeftRight?: number; paddingTopBottom?: number; }; tick?: { color?: string; length?: number; opacity?: number; shift?: number; visible?: boolean; width?: number; }; title?: { alignment?: string; font?: DevExpress.viz.Font; margin?: number; textOverflow?: string; wordWrap?: string; }; valueMarginsEnabled?: boolean; visible?: boolean; width?: number; }; /** * Defines common settings for all panes in a chart. */ commonPaneSettings: { backgroundColor?: string; border?: { bottom?: boolean; color?: string; dashStyle?: string; left?: boolean; opacity?: number; right?: boolean; top?: boolean; visible?: boolean; width?: number; }; }; /** * Specifies settings common for all series in the chart. */ commonSeriesSettings: any; /** * Colors the background of the chart container. */ containerBackgroundColor: string; /** * Configures the crosshair feature. */ crosshair: { color?: string; dashStyle?: string; enabled?: boolean; horizontalLine?: boolean | { color?: string; dashStyle?: string; label?: { backgroundColor?: string; customizeText?: Function; font?: DevExpress.viz.Font; format?: DevExpress.ui.format | string; visible?: boolean; }; opacity?: number; visible?: boolean; width?: number; }; label?: { backgroundColor?: string; customizeText?: Function; font?: DevExpress.viz.Font; format?: DevExpress.ui.format | string; visible?: boolean; }; opacity?: number; verticalLine?: boolean | { color?: string; dashStyle?: string; label?: { backgroundColor?: string; customizeText?: Function; font?: DevExpress.viz.Font; format?: DevExpress.ui.format | string; visible?: boolean; }; opacity?: number; visible?: boolean; width?: number; }; width?: number; }; /** * Customizes an individual annotation. */ customizeAnnotation: Function; /** * Customizes the appearance of an individual point label. */ customizeLabel: Function; /** * Customizes the appearance of an individual series point. */ customizePoint: Function; /** * Processes data before visualizing it. */ dataPrepareSettings: { checkTypeForAllData?: boolean; convertToAxisDataType?: boolean; sortingMethod?: boolean | Function; }; /** * Binds the widget to data. */ dataSource: DevExpress.data.DataSource | DevExpress.data.DataSourceOptions | string | Array; /** * Specifies which pane should be used by default. */ defaultPane: string; /** * Specifies whether the widget responds to the user interaction. */ disabled: boolean; /** * Specifies the attributes to be attached to the widget's root element. */ elementAttr: any; /** * Use CommonSeries.ignoreEmptyPoints instead. */ equalBarWidth: boolean; /** * Configures the exporting and printing features. */ export: { backgroundColor?: string; enabled?: boolean; fileName?: string; formats?: Array; margin?: number; printingEnabled?: boolean; proxyUrl?: string; }; /** * Specifies the options of a chart's legend. */ legend: { backgroundColor?: string; border?: { color?: string; cornerRadius?: number; dashStyle?: string; opacity?: number; visible?: boolean; width?: number; }; columnCount?: number; columnItemSpacing?: number; customizeHint?: Function; customizeItems?: Function; customizeText?: Function; font?: DevExpress.viz.Font; horizontalAlignment?: string; hoverMode?: string; itemsAlignment?: string; itemTextPosition?: string; margin?: number | { bottom?: number; left?: number; right?: number; top?: number; }; markerSize?: number; orientation?: string; paddingLeftRight?: number; paddingTopBottom?: number; position?: string; rowCount?: number; rowItemSpacing?: number; title?: string | { font?: DevExpress.viz.Font; horizontalAlignment?: string; margin?: { bottom?: number; left?: number; right?: number; top?: number; }; placeholderSize?: number; subtitle?: string | { font?: DevExpress.viz.Font; offset?: number; text?: string; }; text?: string; verticalAlignment?: string; }; verticalAlignment?: string; visible?: boolean; }; /** * Configures the loading indicator. */ loadingIndicator: { backgroundColor?: string; enabled?: boolean; font?: DevExpress.viz.Font; show?: boolean; text?: string; }; /** * Generates space around the widget. */ margin: { bottom?: number; left?: number; right?: number; top?: number; }; /** * Specifies a coefficient determining the diameter of the largest bubble. */ maxBubbleSize: number; /** * Specifies the diameter of the smallest bubble measured in pixels. */ minBubbleSize: number; /** * Forces the widget to treat negative values as zeroes. Applies to stacked-like series only. */ negativesAsZeroes: boolean; /** * Sets the palette to be used for colorizing series and their elements. */ palette: string | Array; /** * Specifies what to do with colors in the palette when their number is less than the number of series (in the Chart widget) or points in a series (in the PieChart widget). */ paletteExtensionMode: string; /** * Declares a collection of panes. */ panes: Array; /** * Notifies the widget that it is embedded into an HTML page that uses a tag modifying the path. */ pathModified: boolean; /** * Specifies whether a single point or multiple points can be selected in the chart. */ pointSelectionMode: string; /** * Specifies whether to redraw the widget when the size of the parent browser window changes or a mobile device rotates. */ redrawOnResize: boolean; /** * Specifies how the chart must behave when series point labels overlap. */ resolveLabelOverlapping: string; /** * Swaps the axes around making the value axis horizontal and the argument axis vertical. */ rotated: boolean; /** * Switches the widget to a right-to-left representation. */ rtlEnabled: boolean; /** * Specifies the settings of the scroll bar. */ scrollBar: { color?: string; offset?: number; opacity?: number; position?: string; visible?: boolean; width?: number; }; /** * Use the zoomAndPan option instead. */ scrollingMode: string; /** * Specifies options for Chart widget series. */ series: any | Array; /** * Specifies whether a single series or multiple series can be selected in the chart. */ seriesSelectionMode: string; /** * Defines options for the series template. */ seriesTemplate: { customizeSeries?: Function; nameField?: string; }; /** * Specifies the widget's size in pixels. */ size: { height?: number; width?: number; }; /** * Specifies whether a point should remain in the hover state when the mouse pointer moves away. */ stickyHovering: boolean; /** * Indicates whether or not to synchronize value axes when they are displayed on a single pane. */ synchronizeMultiAxes: boolean; /** * Sets the name of the theme the widget uses. */ theme: string; /** * Configures the widget's title. */ title: string | { font?: DevExpress.viz.Font; horizontalAlignment?: string; margin?: number | { bottom?: number; left?: number; right?: number; top?: number; }; placeholderSize?: number; subtitle?: string | { font?: DevExpress.viz.Font; offset?: number; text?: string; textOverflow?: string; wordWrap?: string; }; text?: string; textOverflow?: string; verticalAlignment?: string; wordWrap?: string; }; /** * Configures tooltips. */ tooltip: { argumentFormat?: DevExpress.ui.format | string; arrowLength?: number; border?: { color?: string; dashStyle?: string; opacity?: number; visible?: boolean; width?: number; }; color?: string; container?: Element | JQuery; cornerRadius?: number; customizeTooltip?: Function; enabled?: boolean; font?: DevExpress.viz.Font; format?: DevExpress.ui.format | string; location?: string; opacity?: number; paddingLeftRight?: number; paddingTopBottom?: number; shadow?: { blur?: number; color?: string; offsetX?: number; offsetY?: number; opacity?: number; }; shared?: boolean; zIndex?: number; }; /** * Use CommonSeries.aggregation.enabled instead. */ useAggregation: boolean; /** * Configures the value axis. */ valueAxis: Array; breakStyle?: { color?: string; line?: string; width?: number; }; categories?: Array; color?: string; constantLines?: Array; constantLineStyle?: { color?: string; dashStyle?: string; label?: { font?: DevExpress.viz.Font; horizontalAlignment?: string; position?: string; verticalAlignment?: string; visible?: boolean; }; paddingLeftRight?: number; paddingTopBottom?: number; width?: number; }; discreteAxisDivisionMode?: string; endOnTick?: boolean; grid?: { color?: string; opacity?: number; visible?: boolean; width?: number; }; inverted?: boolean; label?: { alignment?: string; customizeHint?: Function; customizeText?: Function; displayMode?: string; font?: DevExpress.viz.Font; format?: DevExpress.ui.format | string; indentFromAxis?: number; overlappingBehavior?: string; rotationAngle?: number; staggeringSpacing?: number; textOverflow?: string; visible?: boolean; wordWrap?: string; }; logarithmBase?: number; max?: Date | number | string; maxAutoBreakCount?: number; maxValueMargin?: number; min?: Date | number | string; minorGrid?: { color?: string; opacity?: number; visible?: boolean; width?: number; }; minorTick?: { color?: string; length?: number; opacity?: number; shift?: number; visible?: boolean; width?: number; }; minorTickCount?: number; minorTickInterval?: number | string | { days?: number; hours?: number; milliseconds?: number; minutes?: number; months?: number; quarters?: number; seconds?: number; weeks?: number; years?: number; }; minValueMargin?: number; minVisualRangeLength?: number | string | { days?: number; hours?: number; milliseconds?: number; minutes?: number; months?: number; quarters?: number; seconds?: number; weeks?: number; years?: number; }; multipleAxesSpacing?: number; name?: string; opacity?: number; pane?: string; placeholderSize?: number; position?: string; showZero?: boolean; strips?: Array; stripStyle?: { label?: { font?: DevExpress.viz.Font; horizontalAlignment?: string; verticalAlignment?: string; }; paddingLeftRight?: number; paddingTopBottom?: number; }; synchronizedValue?: number; tick?: { color?: string; length?: number; opacity?: number; shift?: number; visible?: boolean; width?: number; }; tickInterval?: number | string | { days?: number; hours?: number; milliseconds?: number; minutes?: number; months?: number; quarters?: number; seconds?: number; weeks?: number; years?: number; }; title?: string | { alignment?: string; font?: DevExpress.viz.Font; margin?: number; text?: string; textOverflow?: string; wordWrap?: string; }; type?: string; valueMarginsEnabled?: boolean; valueType?: string; visible?: boolean; visualRange?: DevExpress.viz.VizRange | Array; visualRangeUpdateMode?: string; wholeRange?: DevExpress.viz.VizRange | Array; width?: number; }>; /** * Configures zooming and panning. */ zoomAndPan: { allowMouseWheel?: boolean; allowTouchGestures?: boolean; argumentAxis?: string; dragBoxStyle?: { color?: string; opacity?: number; }; dragToZoom?: boolean; panKey?: string; valueAxis?: string; }; /** * Use the zoomAndPan option instead. */ zoomingMode: string; /** * A function that is executed when a label on the argument axis is clicked or tapped. */ onArgumentAxisClick: EventEmitter; /** * A function that is executed before the widget is disposed of. */ onDisposing: EventEmitter; /** * A function that is executed when all series are ready. */ onDone: EventEmitter; /** * A function that is executed when the widget's rendering has finished. */ onDrawn: EventEmitter; /** * A function that is executed after the widget is exported. */ onExported: EventEmitter; /** * A function that is executed before the widget is exported. */ onExporting: EventEmitter; /** * A function that is executed before a file with exported widget is saved to the user's local storage. */ onFileSaving: EventEmitter; /** * A function that is executed when an error or warning occurs. */ onIncidentOccurred: EventEmitter; /** * A function used in JavaScript frameworks to save the widget instance. */ onInitialized: EventEmitter; /** * A function that is executed when a legend item is clicked or tapped. */ onLegendClick: EventEmitter; /** * A function that is executed after a widget option is changed. */ onOptionChanged: EventEmitter; /** * A function that is executed when a series point is clicked or tapped. */ onPointClick: EventEmitter; /** * A function that is executed after the pointer enters or leaves a series point. */ onPointHoverChanged: EventEmitter; /** * A function that is executed when a series point is selected or selection is canceled. */ onPointSelectionChanged: EventEmitter; /** * A function that is executed when a series is clicked or tapped. */ onSeriesClick: EventEmitter; /** * A function that is executed after the pointer enters or leaves a series. */ onSeriesHoverChanged: EventEmitter; /** * A function that is executed when a series is selected or selection is canceled. */ onSeriesSelectionChanged: EventEmitter; /** * A function that is executed when a tooltip becomes hidden. */ onTooltipHidden: EventEmitter; /** * A function that is executed when a tooltip appears. */ onTooltipShown: EventEmitter; /** * A function that is executed when zooming or panning ends. */ onZoomEnd: EventEmitter; /** * A function that is executed when zooming or panning begins. */ onZoomStart: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ adaptiveLayoutChange: EventEmitter<{ height?: number; keepLabels?: boolean; width?: number; }>; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ adjustOnZoomChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ animationChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ annotationsChange: EventEmitter>; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ argumentAxisChange: EventEmitter<{ aggregationGroupWidth?: number; aggregationInterval?: number | string | { days?: number; hours?: number; milliseconds?: number; minutes?: number; months?: number; quarters?: number; seconds?: number; weeks?: number; years?: number; }; allowDecimals?: boolean; argumentType?: string; axisDivisionFactor?: number; breaks?: Array; breakStyle?: { color?: string; line?: string; width?: number; }; categories?: Array; color?: string; constantLines?: Array; constantLineStyle?: { color?: string; dashStyle?: string; label?: { font?: DevExpress.viz.Font; horizontalAlignment?: string; position?: string; verticalAlignment?: string; visible?: boolean; }; paddingLeftRight?: number; paddingTopBottom?: number; width?: number; }; discreteAxisDivisionMode?: string; endOnTick?: boolean; grid?: { color?: string; opacity?: number; visible?: boolean; width?: number; }; holidays?: Array; hoverMode?: string; inverted?: boolean; label?: { alignment?: string; customizeHint?: Function; customizeText?: Function; displayMode?: string; font?: DevExpress.viz.Font; format?: DevExpress.ui.format | string; indentFromAxis?: number; overlappingBehavior?: string; rotationAngle?: number; staggeringSpacing?: number; textOverflow?: string; visible?: boolean; wordWrap?: string; }; logarithmBase?: number; max?: Date | number | string; maxValueMargin?: number; min?: Date | number | string; minorGrid?: { color?: string; opacity?: number; visible?: boolean; width?: number; }; minorTick?: { color?: string; length?: number; opacity?: number; shift?: number; visible?: boolean; width?: number; }; minorTickCount?: number; minorTickInterval?: number | string | { days?: number; hours?: number; milliseconds?: number; minutes?: number; months?: number; quarters?: number; seconds?: number; weeks?: number; years?: number; }; minValueMargin?: number; minVisualRangeLength?: number | string | { days?: number; hours?: number; milliseconds?: number; minutes?: number; months?: number; quarters?: number; seconds?: number; weeks?: number; years?: number; }; opacity?: number; placeholderSize?: number; position?: string; singleWorkdays?: Array; strips?: Array; stripStyle?: { label?: { font?: DevExpress.viz.Font; horizontalAlignment?: string; verticalAlignment?: string; }; paddingLeftRight?: number; paddingTopBottom?: number; }; tick?: { color?: string; length?: number; opacity?: number; shift?: number; visible?: boolean; width?: number; }; tickInterval?: number | string | { days?: number; hours?: number; milliseconds?: number; minutes?: number; months?: number; quarters?: number; seconds?: number; weeks?: number; years?: number; }; title?: string | { alignment?: string; font?: DevExpress.viz.Font; margin?: number; text?: string; textOverflow?: string; wordWrap?: string; }; type?: string; valueMarginsEnabled?: boolean; visible?: boolean; visualRange?: DevExpress.viz.VizRange | Array; visualRangeUpdateMode?: string; wholeRange?: DevExpress.viz.VizRange | Array; width?: number; workdaysOnly?: boolean; workWeek?: Array; }>; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ autoHidePointMarkersChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ barGroupPaddingChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ barGroupWidthChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ barWidthChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ commonAnnotationSettingsChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ commonAxisSettingsChange: EventEmitter<{ allowDecimals?: boolean; breakStyle?: { color?: string; line?: string; width?: number; }; color?: string; constantLineStyle?: { color?: string; dashStyle?: string; label?: { font?: DevExpress.viz.Font; position?: string; visible?: boolean; }; paddingLeftRight?: number; paddingTopBottom?: number; width?: number; }; discreteAxisDivisionMode?: string; endOnTick?: boolean; grid?: { color?: string; opacity?: number; visible?: boolean; width?: number; }; inverted?: boolean; label?: { alignment?: string; displayMode?: string; font?: DevExpress.viz.Font; indentFromAxis?: number; overlappingBehavior?: string; rotationAngle?: number; staggeringSpacing?: number; textOverflow?: string; visible?: boolean; wordWrap?: string; }; maxValueMargin?: number; minorGrid?: { color?: string; opacity?: number; visible?: boolean; width?: number; }; minorTick?: { color?: string; length?: number; opacity?: number; shift?: number; visible?: boolean; width?: number; }; minValueMargin?: number; opacity?: number; placeholderSize?: number; stripStyle?: { label?: { font?: DevExpress.viz.Font; horizontalAlignment?: string; verticalAlignment?: string; }; paddingLeftRight?: number; paddingTopBottom?: number; }; tick?: { color?: string; length?: number; opacity?: number; shift?: number; visible?: boolean; width?: number; }; title?: { alignment?: string; font?: DevExpress.viz.Font; margin?: number; textOverflow?: string; wordWrap?: string; }; valueMarginsEnabled?: boolean; visible?: boolean; width?: number; }>; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ commonPaneSettingsChange: EventEmitter<{ backgroundColor?: string; border?: { bottom?: boolean; color?: string; dashStyle?: string; left?: boolean; opacity?: number; right?: boolean; top?: boolean; visible?: boolean; width?: number; }; }>; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ commonSeriesSettingsChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ containerBackgroundColorChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ crosshairChange: EventEmitter<{ color?: string; dashStyle?: string; enabled?: boolean; horizontalLine?: boolean | { color?: string; dashStyle?: string; label?: { backgroundColor?: string; customizeText?: Function; font?: DevExpress.viz.Font; format?: DevExpress.ui.format | string; visible?: boolean; }; opacity?: number; visible?: boolean; width?: number; }; label?: { backgroundColor?: string; customizeText?: Function; font?: DevExpress.viz.Font; format?: DevExpress.ui.format | string; visible?: boolean; }; opacity?: number; verticalLine?: boolean | { color?: string; dashStyle?: string; label?: { backgroundColor?: string; customizeText?: Function; font?: DevExpress.viz.Font; format?: DevExpress.ui.format | string; visible?: boolean; }; opacity?: number; visible?: boolean; width?: number; }; width?: number; }>; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ customizeAnnotationChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ customizeLabelChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ customizePointChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ dataPrepareSettingsChange: EventEmitter<{ checkTypeForAllData?: boolean; convertToAxisDataType?: boolean; sortingMethod?: boolean | Function; }>; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ dataSourceChange: EventEmitter>; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ defaultPaneChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ disabledChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ elementAttrChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ equalBarWidthChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ exportChange: EventEmitter<{ backgroundColor?: string; enabled?: boolean; fileName?: string; formats?: Array; margin?: number; printingEnabled?: boolean; proxyUrl?: string; }>; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ legendChange: EventEmitter<{ backgroundColor?: string; border?: { color?: string; cornerRadius?: number; dashStyle?: string; opacity?: number; visible?: boolean; width?: number; }; columnCount?: number; columnItemSpacing?: number; customizeHint?: Function; customizeItems?: Function; customizeText?: Function; font?: DevExpress.viz.Font; horizontalAlignment?: string; hoverMode?: string; itemsAlignment?: string; itemTextPosition?: string; margin?: number | { bottom?: number; left?: number; right?: number; top?: number; }; markerSize?: number; orientation?: string; paddingLeftRight?: number; paddingTopBottom?: number; position?: string; rowCount?: number; rowItemSpacing?: number; title?: string | { font?: DevExpress.viz.Font; horizontalAlignment?: string; margin?: { bottom?: number; left?: number; right?: number; top?: number; }; placeholderSize?: number; subtitle?: string | { font?: DevExpress.viz.Font; offset?: number; text?: string; }; text?: string; verticalAlignment?: string; }; verticalAlignment?: string; visible?: boolean; }>; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ loadingIndicatorChange: EventEmitter<{ backgroundColor?: string; enabled?: boolean; font?: DevExpress.viz.Font; show?: boolean; text?: string; }>; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ marginChange: EventEmitter<{ bottom?: number; left?: number; right?: number; top?: number; }>; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ maxBubbleSizeChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ minBubbleSizeChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ negativesAsZeroesChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ paletteChange: EventEmitter>; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ paletteExtensionModeChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ panesChange: EventEmitter>; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ pathModifiedChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ pointSelectionModeChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ redrawOnResizeChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ resolveLabelOverlappingChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ rotatedChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ rtlEnabledChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ scrollBarChange: EventEmitter<{ color?: string; offset?: number; opacity?: number; position?: string; visible?: boolean; width?: number; }>; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ scrollingModeChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ seriesChange: EventEmitter>; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ seriesSelectionModeChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ seriesTemplateChange: EventEmitter<{ customizeSeries?: Function; nameField?: string; }>; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ sizeChange: EventEmitter<{ height?: number; width?: number; }>; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ stickyHoveringChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ synchronizeMultiAxesChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ themeChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ titleChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ tooltipChange: EventEmitter<{ argumentFormat?: DevExpress.ui.format | string; arrowLength?: number; border?: { color?: string; dashStyle?: string; opacity?: number; visible?: boolean; width?: number; }; color?: string; container?: Element | JQuery; cornerRadius?: number; customizeTooltip?: Function; enabled?: boolean; font?: DevExpress.viz.Font; format?: DevExpress.ui.format | string; location?: string; opacity?: number; paddingLeftRight?: number; paddingTopBottom?: number; shadow?: { blur?: number; color?: string; offsetX?: number; offsetY?: number; opacity?: number; }; shared?: boolean; zIndex?: number; }>; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ useAggregationChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ valueAxisChange: EventEmitter; breakStyle?: { color?: string; line?: string; width?: number; }; categories?: Array; color?: string; constantLines?: Array; constantLineStyle?: { color?: string; dashStyle?: string; label?: { font?: DevExpress.viz.Font; horizontalAlignment?: string; position?: string; verticalAlignment?: string; visible?: boolean; }; paddingLeftRight?: number; paddingTopBottom?: number; width?: number; }; discreteAxisDivisionMode?: string; endOnTick?: boolean; grid?: { color?: string; opacity?: number; visible?: boolean; width?: number; }; inverted?: boolean; label?: { alignment?: string; customizeHint?: Function; customizeText?: Function; displayMode?: string; font?: DevExpress.viz.Font; format?: DevExpress.ui.format | string; indentFromAxis?: number; overlappingBehavior?: string; rotationAngle?: number; staggeringSpacing?: number; textOverflow?: string; visible?: boolean; wordWrap?: string; }; logarithmBase?: number; max?: Date | number | string; maxAutoBreakCount?: number; maxValueMargin?: number; min?: Date | number | string; minorGrid?: { color?: string; opacity?: number; visible?: boolean; width?: number; }; minorTick?: { color?: string; length?: number; opacity?: number; shift?: number; visible?: boolean; width?: number; }; minorTickCount?: number; minorTickInterval?: number | string | { days?: number; hours?: number; milliseconds?: number; minutes?: number; months?: number; quarters?: number; seconds?: number; weeks?: number; years?: number; }; minValueMargin?: number; minVisualRangeLength?: number | string | { days?: number; hours?: number; milliseconds?: number; minutes?: number; months?: number; quarters?: number; seconds?: number; weeks?: number; years?: number; }; multipleAxesSpacing?: number; name?: string; opacity?: number; pane?: string; placeholderSize?: number; position?: string; showZero?: boolean; strips?: Array; stripStyle?: { label?: { font?: DevExpress.viz.Font; horizontalAlignment?: string; verticalAlignment?: string; }; paddingLeftRight?: number; paddingTopBottom?: number; }; synchronizedValue?: number; tick?: { color?: string; length?: number; opacity?: number; shift?: number; visible?: boolean; width?: number; }; tickInterval?: number | string | { days?: number; hours?: number; milliseconds?: number; minutes?: number; months?: number; quarters?: number; seconds?: number; weeks?: number; years?: number; }; title?: string | { alignment?: string; font?: DevExpress.viz.Font; margin?: number; text?: string; textOverflow?: string; wordWrap?: string; }; type?: string; valueMarginsEnabled?: boolean; valueType?: string; visible?: boolean; visualRange?: DevExpress.viz.VizRange | Array; visualRangeUpdateMode?: string; wholeRange?: DevExpress.viz.VizRange | Array; width?: number; }>>; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ zoomAndPanChange: EventEmitter<{ allowMouseWheel?: boolean; allowTouchGestures?: boolean; argumentAxis?: string; dragBoxStyle?: { color?: string; opacity?: number; }; dragToZoom?: boolean; panKey?: string; valueAxis?: string; }>; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ zoomingModeChange: EventEmitter; annotationsChildren: QueryList; panesChildren: QueryList; seriesChildren: QueryList; valueAxisChildren: QueryList; constructor(elementRef: ElementRef, ngZone: NgZone, templateHost: DxTemplateHost, _watcherHelper: WatcherHelper, _idh: IterableDifferHelper, optionHost: NestedOptionHost, transferState: TransferState, platformId: any); protected _createInstance(element: any, options: any): DxChart; ngOnDestroy(): void; ngOnChanges(changes: SimpleChanges): void; setupChanges(prop: string, changes: SimpleChanges): void; ngDoCheck(): void; _setOption(name: string, value: any): void; } export declare class DxChartModule { }