UNPKG

angular-fusioncharts

Version:

A simple and lightweight official Angular component for FusionCharts JavaScript charting library. angular-fusioncharts enables you to add JavaScript charts in your Angular application without any hassle.

232 lines (231 loc) 20.4 kB
import { ElementRef, OnInit, OnChanges, DoCheck, AfterViewInit, OnDestroy, KeyValueDiffers, NgZone, EventEmitter } from '@angular/core'; import { FusionChartsService } from './fusioncharts.service'; import FusionChartsEvent from '../interfaces/FusionChartsEvent'; import FusionChartInstance from '../interfaces/FusionChartInstance'; import * as i0 from "@angular/core"; declare class FusionChartsComponent implements OnInit, OnChanges, DoCheck, AfterViewInit, OnDestroy { private differs; private zone; chartObj: any; placeholder: string; dataSource: any; type: string; id: string; width: string; height: string; renderAt: string; dataFormat: string; events: string; link: string; showDataLoadingMessage: boolean; showChartLoadingMessage: boolean; baseChartMessageFont: string; baseChartMessageFontSize: string; baseChartMessageColor: string; dataLoadStartMessage: string; dataLoadErrorMessage: string; dataInvalidMessage: string; dataEmptyMessage: string; typeNotSupportedMessage: string; loadMessage: string; renderErrorMessage: string; containerBackgroundColor: string; containerBackgroundOpacity: string; containerClassName: string; baseChartMessageImageHAlign: string; baseChartMessageImageVAlign: string; baseChartMessageImageAlpha: number; baseChartMessageImageScale: number; typeNotSupportedMessageImageHAlign: string; typeNotSupportedMessageImageVAlign: string; typeNotSupportedMessageImageAlpha: number; typeNotSupportedMessageImageScale: number; dataLoadErrorMessageImageHAlign: string; dataLoadErrorMessageImageVAlign: string; dataLoadErrorMessageImageAlpha: number; dataLoadErrorMessageImageScale: number; dataLoadStartMessageImageHAlign: string; dataLoadStartMessageImageVAlign: string; dataLoadStartMessageImageAlpha: number; dataLoadStartMessageImageScale: number; dataInvalidMessageImageHAlign: string; dataInvalidMessageImageVAlign: string; dataInvalidMessageImageAlpha: number; dataInvalidMessageImageScale: number; dataEmptyMessageImageHAlign: string; dataEmptyMessageImageVAlign: string; dataEmptyMessageImageAlpha: number; dataEmptyMessageImageScale: number; renderErrorMessageImageHAlign: string; renderErrorMessageImageVAlign: string; renderErrorMessageImageAlpha: number; renderErrorMessageImageScale: number; loadMessageImageHAlign: string; loadMessageImageVAlign: string; loadMessageImageAlpha: number; loadMessageImageScale: number; chartConfig: any; /** * All Events List */ private eventList; /** * All events emitter */ beforeLinkedItemOpen: EventEmitter<FusionChartsEvent>; linkedItemOpened: EventEmitter<FusionChartsEvent>; beforeLinkedItemClose: EventEmitter<FusionChartsEvent>; linkedItemClosed: EventEmitter<FusionChartsEvent>; printReadyStateChange: EventEmitter<FusionChartsEvent>; dataLoadRequestCompleted: EventEmitter<FusionChartsEvent>; dataLoadError: EventEmitter<FusionChartsEvent>; dataLoadCancelled: EventEmitter<FusionChartsEvent>; dataLoadRequestCancelled: EventEmitter<FusionChartsEvent>; dataUpdated: EventEmitter<FusionChartsEvent>; dataUpdateCancelled: EventEmitter<FusionChartsEvent>; dataLoadRequested: EventEmitter<FusionChartsEvent>; beforeDataUpdate: EventEmitter<FusionChartsEvent>; realTimeUpdateComplete: EventEmitter<FusionChartsEvent>; chartCleared: EventEmitter<FusionChartsEvent>; slicingEnd: EventEmitter<FusionChartsEvent>; slicingStart: EventEmitter<FusionChartsEvent>; entityRollOut: EventEmitter<FusionChartsEvent>; entityRollOver: EventEmitter<FusionChartsEvent>; entityClick: EventEmitter<FusionChartsEvent>; connectorRollOver: EventEmitter<FusionChartsEvent>; connectorRollOut: EventEmitter<FusionChartsEvent>; connectorClick: EventEmitter<FusionChartsEvent>; markerRollOver: EventEmitter<FusionChartsEvent>; markerRollOut: EventEmitter<FusionChartsEvent>; markerClick: EventEmitter<FusionChartsEvent>; pageNavigated: EventEmitter<FusionChartsEvent>; rotationEnd: EventEmitter<FusionChartsEvent>; rotationStart: EventEmitter<FusionChartsEvent>; centerLabelRollover: EventEmitter<FusionChartsEvent>; centerLabelRollout: EventEmitter<FusionChartsEvent>; centerLabelClick: EventEmitter<FusionChartsEvent>; centerLabelChanged: EventEmitter<FusionChartsEvent>; chartClick: EventEmitter<FusionChartsEvent>; chartMouseMove: EventEmitter<FusionChartsEvent>; chartRollOver: EventEmitter<FusionChartsEvent>; chartRollOut: EventEmitter<FusionChartsEvent>; backgroundLoaded: EventEmitter<FusionChartsEvent>; backgroundLoadError: EventEmitter<FusionChartsEvent>; legendItemClicked: EventEmitter<FusionChartsEvent>; legendItemRollover: EventEmitter<FusionChartsEvent>; legendItemRollout: EventEmitter<FusionChartsEvent>; logoRollover: EventEmitter<FusionChartsEvent>; logoRollout: EventEmitter<FusionChartsEvent>; logoClick: EventEmitter<FusionChartsEvent>; logoLoaded: EventEmitter<FusionChartsEvent>; logoLoadError: EventEmitter<FusionChartsEvent>; beforeExport: EventEmitter<FusionChartsEvent>; exported: EventEmitter<FusionChartsEvent>; exportCancelled: EventEmitter<FusionChartsEvent>; beforePrint: EventEmitter<FusionChartsEvent>; printComplete: EventEmitter<FusionChartsEvent>; printCancelled: EventEmitter<FusionChartsEvent>; dataLabelClick: EventEmitter<FusionChartsEvent>; dataLabelRollOver: EventEmitter<FusionChartsEvent>; dataLabelRollOut: EventEmitter<FusionChartsEvent>; scrollStart: EventEmitter<FusionChartsEvent>; scrollEnd: EventEmitter<FusionChartsEvent>; onScroll: EventEmitter<FusionChartsEvent>; zoomReset: EventEmitter<FusionChartsEvent>; zoomedOut: EventEmitter<FusionChartsEvent>; zoomedIn: EventEmitter<FusionChartsEvent>; zoomed: EventEmitter<FusionChartsEvent>; zoomModeChanged: EventEmitter<FusionChartsEvent>; pinned: EventEmitter<FusionChartsEvent>; dataRestored: EventEmitter<FusionChartsEvent>; beforeDataSubmit: EventEmitter<FusionChartsEvent>; dataSubmitError: EventEmitter<FusionChartsEvent>; dataSubmitted: EventEmitter<FusionChartsEvent>; dataSubmitCancelled: EventEmitter<FusionChartsEvent>; chartUpdated: EventEmitter<FusionChartsEvent>; nodeAdded: EventEmitter<FusionChartsEvent>; nodeUpdated: EventEmitter<FusionChartsEvent>; nodeDeleted: EventEmitter<FusionChartsEvent>; connectorAdded: EventEmitter<FusionChartsEvent>; connectorUpdated: EventEmitter<FusionChartsEvent>; connectorDeleted: EventEmitter<FusionChartsEvent>; labelAdded: EventEmitter<FusionChartsEvent>; labelDeleted: EventEmitter<FusionChartsEvent>; selectionRemoved: EventEmitter<FusionChartsEvent>; selectionStart: EventEmitter<FusionChartsEvent>; selectionEnd: EventEmitter<FusionChartsEvent>; labelClick: EventEmitter<FusionChartsEvent>; labelRollOver: EventEmitter<FusionChartsEvent>; labelRollOut: EventEmitter<FusionChartsEvent>; labelDragStart: EventEmitter<FusionChartsEvent>; labelDragEnd: EventEmitter<FusionChartsEvent>; dataplotDragStart: EventEmitter<FusionChartsEvent>; dataplotDragEnd: EventEmitter<FusionChartsEvent>; processClick: EventEmitter<FusionChartsEvent>; processRollOver: EventEmitter<FusionChartsEvent>; processRollOut: EventEmitter<FusionChartsEvent>; categoryClick: EventEmitter<FusionChartsEvent>; categoryRollOver: EventEmitter<FusionChartsEvent>; categoryRollOut: EventEmitter<FusionChartsEvent>; milestoneClick: EventEmitter<FusionChartsEvent>; milestoneRollOver: EventEmitter<FusionChartsEvent>; milestoneRollOut: EventEmitter<FusionChartsEvent>; chartTypeChanged: EventEmitter<FusionChartsEvent>; overlayButtonClick: EventEmitter<FusionChartsEvent>; loaded: EventEmitter<FusionChartsEvent>; rendered: EventEmitter<FusionChartsEvent>; drawComplete: EventEmitter<FusionChartsEvent>; renderComplete: EventEmitter<FusionChartsEvent>; dataInvalid: EventEmitter<FusionChartsEvent>; dataXMLInvalid: EventEmitter<FusionChartsEvent>; dataLoaded: EventEmitter<FusionChartsEvent>; noDataToDisplay: EventEmitter<FusionChartsEvent>; legendPointerDragStart: EventEmitter<FusionChartsEvent>; legendPointerDragStop: EventEmitter<FusionChartsEvent>; legendRangeUpdated: EventEmitter<FusionChartsEvent>; alertComplete: EventEmitter<FusionChartsEvent>; realTimeUpdateError: EventEmitter<FusionChartsEvent>; dataplotRollOver: EventEmitter<FusionChartsEvent>; dataplotRollOut: EventEmitter<FusionChartsEvent>; dataplotClick: EventEmitter<FusionChartsEvent>; linkClicked: EventEmitter<FusionChartsEvent>; beforeRender: EventEmitter<FusionChartsEvent>; renderCancelled: EventEmitter<FusionChartsEvent>; beforeResize: EventEmitter<FusionChartsEvent>; resized: EventEmitter<FusionChartsEvent>; resizeCancelled: EventEmitter<FusionChartsEvent>; beforeDispose: EventEmitter<FusionChartsEvent>; disposed: EventEmitter<FusionChartsEvent>; disposeCancelled: EventEmitter<FusionChartsEvent>; linkedChartInvoked: EventEmitter<FusionChartsEvent>; beforeDrillDown: EventEmitter<FusionChartsEvent>; drillDown: EventEmitter<FusionChartsEvent>; beforeDrillUp: EventEmitter<FusionChartsEvent>; drillUp: EventEmitter<FusionChartsEvent>; drillDownCancelled: EventEmitter<FusionChartsEvent>; drillUpCancelled: EventEmitter<FusionChartsEvent>; initialized: EventEmitter<FusionChartInstance>; containerId: string; private configObj; oldDataSource: any; private oldDataTable; private constructerParams; element: ElementRef; fusionchartsService: FusionChartsService; constructor(element: ElementRef, fusionchartsService: FusionChartsService, differs: KeyValueDiffers, zone: NgZone); checkIfDataTableExists(dataSource: any): boolean; cloneDataSource(obj: any): any; ngOnInit(): void; ngOnChanges(changes: any): void; ngDoCheck(): void; updateChartData(): void; updateWidth(): void; updateHeight(): void; updateType(): void; generateEventsCallback(eventList: Array<string>): {}; ngAfterViewInit(): void; ngOnDestroy(): void; static ɵfac: i0.ɵɵFactoryDeclaration<FusionChartsComponent, never>; static ɵcmp: i0.ɵɵComponentDeclaration<FusionChartsComponent, "fusioncharts", never, { "placeholder": { "alias": "placeholder"; "required": false; }; "dataSource": { "alias": "dataSource"; "required": false; }; "type": { "alias": "type"; "required": false; }; "id": { "alias": "id"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "renderAt": { "alias": "renderAt"; "required": false; }; "dataFormat": { "alias": "dataFormat"; "required": false; }; "events": { "alias": "events"; "required": false; }; "link": { "alias": "link"; "required": false; }; "showDataLoadingMessage": { "alias": "showDataLoadingMessage"; "required": false; }; "showChartLoadingMessage": { "alias": "showChartLoadingMessage"; "required": false; }; "baseChartMessageFont": { "alias": "baseChartMessageFont"; "required": false; }; "baseChartMessageFontSize": { "alias": "baseChartMessageFontSize"; "required": false; }; "baseChartMessageColor": { "alias": "baseChartMessageColor"; "required": false; }; "dataLoadStartMessage": { "alias": "dataLoadStartMessage"; "required": false; }; "dataLoadErrorMessage": { "alias": "dataLoadErrorMessage"; "required": false; }; "dataInvalidMessage": { "alias": "dataInvalidMessage"; "required": false; }; "dataEmptyMessage": { "alias": "dataEmptyMessage"; "required": false; }; "typeNotSupportedMessage": { "alias": "typeNotSupportedMessage"; "required": false; }; "loadMessage": { "alias": "loadMessage"; "required": false; }; "renderErrorMessage": { "alias": "renderErrorMessage"; "required": false; }; "containerBackgroundColor": { "alias": "containerBackgroundColor"; "required": false; }; "containerBackgroundOpacity": { "alias": "containerBackgroundOpacity"; "required": false; }; "containerClassName": { "alias": "containerClassName"; "required": false; }; "baseChartMessageImageHAlign": { "alias": "baseChartMessageImageHAlign"; "required": false; }; "baseChartMessageImageVAlign": { "alias": "baseChartMessageImageVAlign"; "required": false; }; "baseChartMessageImageAlpha": { "alias": "baseChartMessageImageAlpha"; "required": false; }; "baseChartMessageImageScale": { "alias": "baseChartMessageImageScale"; "required": false; }; "typeNotSupportedMessageImageHAlign": { "alias": "typeNotSupportedMessageImageHAlign"; "required": false; }; "typeNotSupportedMessageImageVAlign": { "alias": "typeNotSupportedMessageImageVAlign"; "required": false; }; "typeNotSupportedMessageImageAlpha": { "alias": "typeNotSupportedMessageImageAlpha"; "required": false; }; "typeNotSupportedMessageImageScale": { "alias": "typeNotSupportedMessageImageScale"; "required": false; }; "dataLoadErrorMessageImageHAlign": { "alias": "dataLoadErrorMessageImageHAlign"; "required": false; }; "dataLoadErrorMessageImageVAlign": { "alias": "dataLoadErrorMessageImageVAlign"; "required": false; }; "dataLoadErrorMessageImageAlpha": { "alias": "dataLoadErrorMessageImageAlpha"; "required": false; }; "dataLoadErrorMessageImageScale": { "alias": "dataLoadErrorMessageImageScale"; "required": false; }; "dataLoadStartMessageImageHAlign": { "alias": "dataLoadStartMessageImageHAlign"; "required": false; }; "dataLoadStartMessageImageVAlign": { "alias": "dataLoadStartMessageImageVAlign"; "required": false; }; "dataLoadStartMessageImageAlpha": { "alias": "dataLoadStartMessageImageAlpha"; "required": false; }; "dataLoadStartMessageImageScale": { "alias": "dataLoadStartMessageImageScale"; "required": false; }; "dataInvalidMessageImageHAlign": { "alias": "dataInvalidMessageImageHAlign"; "required": false; }; "dataInvalidMessageImageVAlign": { "alias": "dataInvalidMessageImageVAlign"; "required": false; }; "dataInvalidMessageImageAlpha": { "alias": "dataInvalidMessageImageAlpha"; "required": false; }; "dataInvalidMessageImageScale": { "alias": "dataInvalidMessageImageScale"; "required": false; }; "dataEmptyMessageImageHAlign": { "alias": "dataEmptyMessageImageHAlign"; "required": false; }; "dataEmptyMessageImageVAlign": { "alias": "dataEmptyMessageImageVAlign"; "required": false; }; "dataEmptyMessageImageAlpha": { "alias": "dataEmptyMessageImageAlpha"; "required": false; }; "dataEmptyMessageImageScale": { "alias": "dataEmptyMessageImageScale"; "required": false; }; "renderErrorMessageImageHAlign": { "alias": "renderErrorMessageImageHAlign"; "required": false; }; "renderErrorMessageImageVAlign": { "alias": "renderErrorMessageImageVAlign"; "required": false; }; "renderErrorMessageImageAlpha": { "alias": "renderErrorMessageImageAlpha"; "required": false; }; "renderErrorMessageImageScale": { "alias": "renderErrorMessageImageScale"; "required": false; }; "loadMessageImageHAlign": { "alias": "loadMessageImageHAlign"; "required": false; }; "loadMessageImageVAlign": { "alias": "loadMessageImageVAlign"; "required": false; }; "loadMessageImageAlpha": { "alias": "loadMessageImageAlpha"; "required": false; }; "loadMessageImageScale": { "alias": "loadMessageImageScale"; "required": false; }; "chartConfig": { "alias": "chartConfig"; "required": false; }; }, { "beforeLinkedItemOpen": "beforeLinkedItemOpen"; "linkedItemOpened": "linkedItemOpened"; "beforeLinkedItemClose": "beforeLinkedItemClose"; "linkedItemClosed": "linkedItemClosed"; "printReadyStateChange": "printReadyStateChange"; "dataLoadRequestCompleted": "dataLoadRequestCompleted"; "dataLoadError": "dataLoadError"; "dataLoadCancelled": "dataLoadCancelled"; "dataLoadRequestCancelled": "dataLoadRequestCancelled"; "dataUpdated": "dataUpdated"; "dataUpdateCancelled": "dataUpdateCancelled"; "dataLoadRequested": "dataLoadRequested"; "beforeDataUpdate": "beforeDataUpdate"; "realTimeUpdateComplete": "realTimeUpdateComplete"; "chartCleared": "chartCleared"; "slicingEnd": "slicingEnd"; "slicingStart": "slicingStart"; "entityRollOut": "entityRollOut"; "entityRollOver": "entityRollOver"; "entityClick": "entityClick"; "connectorRollOver": "connectorRollOver"; "connectorRollOut": "connectorRollOut"; "connectorClick": "connectorClick"; "markerRollOver": "markerRollOver"; "markerRollOut": "markerRollOut"; "markerClick": "markerClick"; "pageNavigated": "pageNavigated"; "rotationEnd": "rotationEnd"; "rotationStart": "rotationStart"; "centerLabelRollover": "centerLabelRollover"; "centerLabelRollout": "centerLabelRollout"; "centerLabelClick": "centerLabelClick"; "centerLabelChanged": "centerLabelChanged"; "chartClick": "chartClick"; "chartMouseMove": "chartMouseMove"; "chartRollOver": "chartRollOver"; "chartRollOut": "chartRollOut"; "backgroundLoaded": "backgroundLoaded"; "backgroundLoadError": "backgroundLoadError"; "legendItemClicked": "legendItemClicked"; "legendItemRollover": "legendItemRollover"; "legendItemRollout": "legendItemRollout"; "logoRollover": "logoRollover"; "logoRollout": "logoRollout"; "logoClick": "logoClick"; "logoLoaded": "logoLoaded"; "logoLoadError": "logoLoadError"; "beforeExport": "beforeExport"; "exported": "exported"; "exportCancelled": "exportCancelled"; "beforePrint": "beforePrint"; "printComplete": "printComplete"; "printCancelled": "printCancelled"; "dataLabelClick": "dataLabelClick"; "dataLabelRollOver": "dataLabelRollOver"; "dataLabelRollOut": "dataLabelRollOut"; "scrollStart": "scrollStart"; "scrollEnd": "scrollEnd"; "onScroll": "onScroll"; "zoomReset": "zoomReset"; "zoomedOut": "zoomedOut"; "zoomedIn": "zoomedIn"; "zoomed": "zoomed"; "zoomModeChanged": "zoomModeChanged"; "pinned": "pinned"; "dataRestored": "dataRestored"; "beforeDataSubmit": "beforeDataSubmit"; "dataSubmitError": "dataSubmitError"; "dataSubmitted": "dataSubmitted"; "dataSubmitCancelled": "dataSubmitCancelled"; "chartUpdated": "chartUpdated"; "nodeAdded": "nodeAdded"; "nodeUpdated": "nodeUpdated"; "nodeDeleted": "nodeDeleted"; "connectorAdded": "connectorAdded"; "connectorUpdated": "connectorUpdated"; "connectorDeleted": "connectorDeleted"; "labelAdded": "labelAdded"; "labelDeleted": "labelDeleted"; "selectionRemoved": "selectionRemoved"; "selectionStart": "selectionStart"; "selectionEnd": "selectionEnd"; "labelClick": "labelClick"; "labelRollOver": "labelRollOver"; "labelRollOut": "labelRollOut"; "labelDragStart": "labelDragStart"; "labelDragEnd": "labelDragEnd"; "dataplotDragStart": "dataplotDragStart"; "dataplotDragEnd": "dataplotDragEnd"; "processClick": "processClick"; "processRollOver": "processRollOver"; "processRollOut": "processRollOut"; "categoryClick": "categoryClick"; "categoryRollOver": "categoryRollOver"; "categoryRollOut": "categoryRollOut"; "milestoneClick": "milestoneClick"; "milestoneRollOver": "milestoneRollOver"; "milestoneRollOut": "milestoneRollOut"; "chartTypeChanged": "chartTypeChanged"; "overlayButtonClick": "overlayButtonClick"; "loaded": "loaded"; "rendered": "rendered"; "drawComplete": "drawComplete"; "renderComplete": "renderComplete"; "dataInvalid": "dataInvalid"; "dataXMLInvalid": "dataXMLInvalid"; "dataLoaded": "dataLoaded"; "noDataToDisplay": "noDataToDisplay"; "legendPointerDragStart": "legendPointerDragStart"; "legendPointerDragStop": "legendPointerDragStop"; "legendRangeUpdated": "legendRangeUpdated"; "alertComplete": "alertComplete"; "realTimeUpdateError": "realTimeUpdateError"; "dataplotRollOver": "dataplotRollOver"; "dataplotRollOut": "dataplotRollOut"; "dataplotClick": "dataplotClick"; "linkClicked": "linkClicked"; "beforeRender": "beforeRender"; "renderCancelled": "renderCancelled"; "beforeResize": "beforeResize"; "resized": "resized"; "resizeCancelled": "resizeCancelled"; "beforeDispose": "beforeDispose"; "disposed": "disposed"; "disposeCancelled": "disposeCancelled"; "linkedChartInvoked": "linkedChartInvoked"; "beforeDrillDown": "beforeDrillDown"; "drillDown": "drillDown"; "beforeDrillUp": "beforeDrillUp"; "drillUp": "drillUp"; "drillDownCancelled": "drillDownCancelled"; "drillUpCancelled": "drillUpCancelled"; "initialized": "initialized"; }, never, never, false, never>; } export { FusionChartsComponent };