UNPKG

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