UNPKG

5.89 kBTypeScriptView Raw
1import { AfterViewInit, ElementRef, EventEmitter, InjectionToken, NgZone, OnChanges, OnDestroy, OnInit, SimpleChanges } from '@angular/core';
2import type { EChartsCoreOption, ECharts, ECElementEvent } from 'echarts/core';
3import * as i0 from "@angular/core";
4export interface NgxEchartsConfig {
5 echarts: any | (() => Promise<any>);
6 theme?: string | ThemeOption;
7}
8export type ThemeOption = Record<string, any>;
9export declare const NGX_ECHARTS_CONFIG: InjectionToken<NgxEchartsConfig>;
10export declare class NgxEchartsDirective implements OnChanges, OnDestroy, OnInit, AfterViewInit {
11 private el;
12 private ngZone;
13 options: EChartsCoreOption | null;
14 theme: string | ThemeOption | null;
15 initOpts: {
16 devicePixelRatio?: number;
17 renderer?: string;
18 width?: number | string;
19 height?: number | string;
20 locale?: string;
21 } | null;
22 merge: EChartsCoreOption | null;
23 autoResize: boolean;
24 loading: boolean;
25 loadingType: string;
26 loadingOpts: object | null;
27 chartInit: EventEmitter<ECharts>;
28 optionsError: EventEmitter<Error>;
29 chartClick: EventEmitter<ECElementEvent>;
30 chartDblClick: EventEmitter<ECElementEvent>;
31 chartMouseDown: EventEmitter<ECElementEvent>;
32 chartMouseMove: EventEmitter<ECElementEvent>;
33 chartMouseUp: EventEmitter<ECElementEvent>;
34 chartMouseOver: EventEmitter<ECElementEvent>;
35 chartMouseOut: EventEmitter<ECElementEvent>;
36 chartGlobalOut: EventEmitter<ECElementEvent>;
37 chartContextMenu: EventEmitter<ECElementEvent>;
38 chartHighlight: EventEmitter<any>;
39 chartDownplay: EventEmitter<any>;
40 chartSelectChanged: EventEmitter<any>;
41 chartLegendSelectChanged: EventEmitter<any>;
42 chartLegendSelected: EventEmitter<any>;
43 chartLegendUnselected: EventEmitter<any>;
44 chartLegendLegendSelectAll: EventEmitter<any>;
45 chartLegendLegendInverseSelect: EventEmitter<any>;
46 chartLegendScroll: EventEmitter<any>;
47 chartDataZoom: EventEmitter<any>;
48 chartDataRangeSelected: EventEmitter<any>;
49 chartGraphRoam: EventEmitter<any>;
50 chartGeoRoam: EventEmitter<any>;
51 chartTreeRoam: EventEmitter<any>;
52 chartTimelineChanged: EventEmitter<any>;
53 chartTimelinePlayChanged: EventEmitter<any>;
54 chartRestore: EventEmitter<any>;
55 chartDataViewChanged: EventEmitter<any>;
56 chartMagicTypeChanged: EventEmitter<any>;
57 chartGeoSelectChanged: EventEmitter<any>;
58 chartGeoSelected: EventEmitter<any>;
59 chartGeoUnselected: EventEmitter<any>;
60 chartAxisAreaSelected: EventEmitter<any>;
61 chartBrush: EventEmitter<any>;
62 chartBrushEnd: EventEmitter<any>;
63 chartBrushSelected: EventEmitter<any>;
64 chartGlobalCursorTaken: EventEmitter<any>;
65 chartRendered: EventEmitter<any>;
66 chartFinished: EventEmitter<any>;
67 animationFrameID: any;
68 private chart;
69 private chart$;
70 private echarts;
71 private resizeOb;
72 private resize$;
73 private resizeSub;
74 private initChartTimer?;
75 private changeFilter;
76 private loadingSub;
77 private resizeObFired;
78 constructor(config: NgxEchartsConfig, el: ElementRef, ngZone: NgZone);
79 ngOnChanges(changes: SimpleChanges): void;
80 ngOnInit(): void;
81 ngOnDestroy(): void;
82 ngAfterViewInit(): void;
83 private dispose;
84 /**
85 * resize chart
86 */
87 resize(): void;
88 private toggleLoading;
89 private setOption;
90 /**
91 * dispose old chart and create a new one.
92 */
93 refreshChart(): Promise<void>;
94 private createChart;
95 private initChart;
96 private onOptionsChange;
97 private createLazyEvent;
98 static ɵfac: i0.ɵɵFactoryDeclaration<NgxEchartsDirective, never>;
99 static ɵdir: i0.ɵɵDirectiveDeclaration<NgxEchartsDirective, "echarts, [echarts]", ["echarts"], { "options": { "alias": "options"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "initOpts": { "alias": "initOpts"; "required": false; }; "merge": { "alias": "merge"; "required": false; }; "autoResize": { "alias": "autoResize"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "loadingType": { "alias": "loadingType"; "required": false; }; "loadingOpts": { "alias": "loadingOpts"; "required": false; }; }, { "chartInit": "chartInit"; "optionsError": "optionsError"; "chartClick": "chartClick"; "chartDblClick": "chartDblClick"; "chartMouseDown": "chartMouseDown"; "chartMouseMove": "chartMouseMove"; "chartMouseUp": "chartMouseUp"; "chartMouseOver": "chartMouseOver"; "chartMouseOut": "chartMouseOut"; "chartGlobalOut": "chartGlobalOut"; "chartContextMenu": "chartContextMenu"; "chartHighlight": "chartHighlight"; "chartDownplay": "chartDownplay"; "chartSelectChanged": "chartSelectChanged"; "chartLegendSelectChanged": "chartLegendSelectChanged"; "chartLegendSelected": "chartLegendSelected"; "chartLegendUnselected": "chartLegendUnselected"; "chartLegendLegendSelectAll": "chartLegendLegendSelectAll"; "chartLegendLegendInverseSelect": "chartLegendLegendInverseSelect"; "chartLegendScroll": "chartLegendScroll"; "chartDataZoom": "chartDataZoom"; "chartDataRangeSelected": "chartDataRangeSelected"; "chartGraphRoam": "chartGraphRoam"; "chartGeoRoam": "chartGeoRoam"; "chartTreeRoam": "chartTreeRoam"; "chartTimelineChanged": "chartTimelineChanged"; "chartTimelinePlayChanged": "chartTimelinePlayChanged"; "chartRestore": "chartRestore"; "chartDataViewChanged": "chartDataViewChanged"; "chartMagicTypeChanged": "chartMagicTypeChanged"; "chartGeoSelectChanged": "chartGeoSelectChanged"; "chartGeoSelected": "chartGeoSelected"; "chartGeoUnselected": "chartGeoUnselected"; "chartAxisAreaSelected": "chartAxisAreaSelected"; "chartBrush": "chartBrush"; "chartBrushEnd": "chartBrushEnd"; "chartBrushSelected": "chartBrushSelected"; "chartGlobalCursorTaken": "chartGlobalCursorTaken"; "chartRendered": "chartRendered"; "chartFinished": "chartFinished"; }, never, never, true, never>;
100}
101
\No newline at end of file