@progress/kendo-angular-charts
Version:
Kendo UI Charts for Angular - A comprehensive package for creating beautiful and interactive data visualization. Every chart type, stock charts, and sparklines are included.
96 lines (95 loc) • 4.43 kB
TypeScript
/**-----------------------------------------------------------------------------------------
* Copyright © 2024 Progress Software Corporation. All rights reserved.
* Licensed under commercial license. See LICENSE.md in the project root for more information
*-------------------------------------------------------------------------------------------*/
import { NgZone, ElementRef, EventEmitter, ChangeDetectorRef, Renderer2 } from '@angular/core';
import { ConfigurationService } from './common/configuration.service';
import { ChartComponent } from './chart.component';
import { ChartInstanceObserver } from './common/chart-instance-observer';
import { ThemeService } from './common/theme.service';
import { IntlService } from '@progress/kendo-angular-intl';
import { DragAction, Zoomable } from './common/property-types';
import { NavigatorFilterEvent } from './stock-chart/events/navigator-filter-event';
import { StockInstanceEventService } from './stock-chart/events/instance-event.service';
import { Navigator as StockNavigator } from './stock-chart/option-types';
import { LocalizationService } from '@progress/kendo-angular-l10n';
import { DrilldownEvent } from './events/drilldown-event';
import * as i0 from "@angular/core";
/**
* The root StockChart component.
*
* @example
* ```html
* <kendo-stockchart>
* <kendo-chart-series>
* <kendo-chart-series-item type="line" [data]="data" field="value" categoryField="date">
* </kendo-chart-series-item>
* </kendo-chart-series>
* <kendo-chart-navigator>
* <kendo-chart-navigator-select to="2017/02/01">
* </kendo-chart-navigator-select>
* <kendo-chart-navigator-series>
* <kendo-chart-navigator-series-item type="area" [data]="data" field="value" categoryField="date">
* </kendo-chart-navigator-series-item>
* </kendo-chart-navigator-series>
* </kendo-chart-navigator>
* </kendo-stockchart>
* ```
*/
export declare class StockChartComponent extends ChartComponent {
configurationService: ConfigurationService;
themeService: ThemeService;
protected element: ElementRef;
protected intl: IntlService;
protected localizationService: LocalizationService;
protected ngZone: NgZone;
protected instanceEventService: StockInstanceEventService;
protected changeDetector: ChangeDetectorRef;
protected renderer: Renderer2;
/**
* The configuration options for the data navigator.
*/
navigator: StockNavigator;
/**
* @hidden
*/
pannable: boolean | DragAction;
/**
* @hidden
*/
zoomable: boolean | Zoomable;
/**
* @hidden
*/
drilldown: EventEmitter<DrilldownEvent>;
/**
* @hidden
*/
drilldownLevelChange: EventEmitter<number>;
/**
* @hidden
*/
get drilldownLevel(): number;
/**
* Fires when the navigator range is changed.
*/
navigatorFilter: EventEmitter<NavigatorFilterEvent>;
/**
* @hidden
*/
showLicenseWatermark: boolean;
protected redrawSlaves: boolean;
protected hostClasses: string[];
constructor(configurationService: ConfigurationService, themeService: ThemeService, element: ElementRef, intl: IntlService, localizationService: LocalizationService, ngZone: NgZone, instanceEventService: StockInstanceEventService, changeDetector: ChangeDetectorRef, renderer: Renderer2);
/**
* If called, the navigator pane is not redrawn the next time the StockChart options are updated.
* The method is useful if you need to update only the main series data for the selected period.
*/
skipNavigatorRedraw(): void;
protected createInstance(element: any, observer: ChartInstanceObserver): void;
protected updateOptions(): void;
private applyNavigatorDefaults;
private isDevMode;
static ɵfac: i0.ɵɵFactoryDeclaration<StockChartComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<StockChartComponent, "kendo-stockchart", ["kendoStockChart"], { "navigator": { "alias": "navigator"; "required": false; }; "pannable": { "alias": "pannable"; "required": false; }; "zoomable": { "alias": "zoomable"; "required": false; }; "drilldownLevel": { "alias": "drilldownLevel"; "required": false; }; }, { "drilldown": "drilldown"; "drilldownLevelChange": "drilldownLevelChange"; "navigatorFilter": "navigatorFilter"; }, never, never, true, never>;
}