/*! * 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 DxPieChart from 'devextreme/viz/pie_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 { DxiSeriesComponent } from './nested/series-dxi'; /** * The PieChart is a widget that visualizes data as a circle divided into sectors that each represents a portion of the whole. */ export declare class DxPieChartComponent extends DxComponent implements OnDestroy, OnChanges, DoCheck { private _watcherHelper; private _idh; instance: DxPieChart; /** * Specifies adaptive layout options. */ adaptiveLayout: { height?: number; keepLabels?: boolean; width?: number; }; /** * Specifies animation options. */ animation: boolean | { duration?: number; easing?: string; enabled?: boolean; maxPointCountSupported?: number; }; /** * An object defining the configuration options that are common for all series of the PieChart widget. */ commonSeriesSettings: any; /** * Customizes the appearance of an individual point label. */ customizeLabel: Function; /** * Customizes the appearance of an individual series point. */ customizePoint: Function; /** * Binds the widget to data. */ dataSource: DevExpress.data.DataSource | DevExpress.data.DataSourceOptions | string | Array; /** * Specifies the diameter of the pie. */ diameter: number; /** * 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; /** * Configures the exporting and printing features. */ export: { backgroundColor?: string; enabled?: boolean; fileName?: string; formats?: Array; margin?: number; printingEnabled?: boolean; proxyUrl?: string; }; /** * Specifies the fraction of the inner radius relative to the total radius in the series of the 'doughnut' type. The value should be between 0 and 1. */ innerRadius: number; /** * Specifies PieChart legend options. */ 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; 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 the minimum diameter of the pie. */ minDiameter: number; /** * Sets the palette to be used to colorize 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; /** * 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 a chart must behave when point labels overlap. */ resolveLabelOverlapping: string; /** * Switches the widget to a right-to-left representation. */ rtlEnabled: boolean; /** * Specifies the direction that the pie chart segments will occupy. */ segmentsDirection: string; /** * Specifies options for the series of the PieChart widget. */ series: any | Array; /** * Defines options for the series template. */ seriesTemplate: { customizeSeries?: Function; nameField?: string; }; /** * Specifies the widget's size in pixels. */ size: { height?: number; width?: number; }; /** * Allows you to display several adjoining pies in the same size. */ sizeGroup: string; /** * Specifies the angle in arc degrees from which the first segment of a pie chart should start. */ startAngle: number; /** * 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; opacity?: number; paddingLeftRight?: number; paddingTopBottom?: number; shadow?: { blur?: number; color?: string; offsetX?: number; offsetY?: number; opacity?: number; }; zIndex?: number; }; /** * Specifies the type of the pie chart series. */ type: string; /** * 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 tooltip becomes hidden. */ onTooltipHidden: EventEmitter; /** * A function that is executed when a tooltip appears. */ onTooltipShown: 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. */ animationChange: EventEmitter; /** * 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. */ 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. */ dataSourceChange: EventEmitter>; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ diameterChange: 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. */ 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. */ innerRadiusChange: EventEmitter; /** * 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; 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. */ minDiameterChange: 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. */ 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. */ rtlEnabledChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ segmentsDirectionChange: 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. */ 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. */ sizeGroupChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ startAngleChange: 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; opacity?: number; paddingLeftRight?: number; paddingTopBottom?: number; shadow?: { blur?: number; color?: string; offsetX?: number; offsetY?: number; opacity?: number; }; zIndex?: number; }>; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ typeChange: EventEmitter; seriesChildren: QueryList; constructor(elementRef: ElementRef, ngZone: NgZone, templateHost: DxTemplateHost, _watcherHelper: WatcherHelper, _idh: IterableDifferHelper, optionHost: NestedOptionHost, transferState: TransferState, platformId: any); protected _createInstance(element: any, options: any): DxPieChart; ngOnDestroy(): void; ngOnChanges(changes: SimpleChanges): void; setupChanges(prop: string, changes: SimpleChanges): void; ngDoCheck(): void; _setOption(name: string, value: any): void; } export declare class DxPieChartModule { }