/** Angular */ import * as ng from "@angular/core"; /** Core */ import { CoreComponent } from "cmf.core/src/core"; import { ChartSeriesColor, CHART_SERIES_DEFAULT_COLORS } from "../dataSeriesChart/dataSeriesChart"; /** Kendo */ import "kendo.dataviz.chart"; export { ChartSeriesColor as DonutChartSeriesColor }; export { CHART_SERIES_DEFAULT_COLORS as SYSTEM_DEFAULT_COLORS }; /** * @whatItDoes * This component is used to represent a Donut Chart * * @howToUse * This component is used with the inputs and outputs mentioned below * * ### Inputs * * `DonutChartCategory[]` : **data** - Data for Donut Chart; * * `string` : **tooltipUnits** - Units to display in tooltip; * * `string` : **valueField** - The value field; * * `string` : **colorField** - The color field; * * `string` : **categoryField** - The category field; * * `boolean` : **autoGeneratedColors** - If colors are auto-generated; * * `boolean` : **animated** - The chart is animated; * * `string` : **mainTitle** - The chart main title; * * `string` : **subTitle** - The chart sub title; * * `boolean` : **showCaption** - If the chart show a caption or not; * * ### Outputs * _This component has no outputs * * ## Example * * ```html * * * ``` * ## DonutChart Component * * ### Dependencies * * #### Components * * BaseWidgetSubtitleModule: `cmf.core.controls` * * #### Services * _This component does not depend on any Service_ * * #### Directives * * ElementQueryModule: `cmf.core.controls` * */ export declare class DonutChart extends CoreComponent implements ng.OnChanges, ng.AfterViewInit, ng.OnDestroy { private elementRef; /** * Element Query */ private _elementQuery; /** * Main container */ private _mainContainer; /** * Width class */ private _widthClass; /** * Kendo UI chart */ private _kendoChart; /** * Chart "redraw" callback throttled */ private _chartRedrawThrottled; /** * Main Title */ mainTitle: string; /** * Sub Title */ subTitle: string; /** * Categories */ data: any[]; /** * Tooltip units */ tooltipUnits: string; /** * Category field */ categoryField: string; /** * Value field */ valueField: string; /** * Color field */ colorField: string; /** * Auto generated colors */ autoGeneratedColors: boolean; /** * IS animated */ animated: boolean; /** * Show caption */ showCaption: boolean; /** * Constructor */ constructor(elementRef: ng.ElementRef); /** * Calculate step for the chart legend * * @private * @param {number} valuesRange * @param {number} maxLegends * @returns {number} * @memberof DonutChart */ private calculateLegendStep; /** * Check if legend should be visible based on datasize * * @private * @param {number} dataSize * @param {number} legendIndex * @returns {boolean} * @memberof DonutChart */ private isLegendVisible; /** * Check if step should be calculated based on the legend limit * * @private * @param {number} valuesRange * @param {number} limit * @returns {boolean} * @memberof DonutChart */ private isOverLegendLimit; /** * On data updated */ private onDataUpdated; /** * On Changes * @param changes Changes */ ngOnChanges(changes: ng.SimpleChanges): void; /** * After View Init */ ngAfterViewInit(): void; /** * On Destroy */ ngOnDestroy(): void; } export declare class DonutChartModule { }