ng-apexcharts
Version:
An angular implementation of ApexCharts
61 lines (60 loc) • 4.1 kB
TypeScript
import { OnChanges, OnDestroy, SimpleChanges, NgZone, EventEmitter } from "@angular/core";
import { ApexAnnotations, ApexAxisChartSeries, ApexChart, ApexDataLabels, ApexFill, ApexGrid, ApexLegend, ApexNonAxisChartSeries, ApexMarkers, ApexNoData, ApexPlotOptions, ApexResponsive, ApexStates, ApexStroke, ApexTheme, ApexTitleSubtitle, ApexTooltip, ApexXAxis, ApexYAxis, ApexForecastDataPoints } from "../model/apex-types";
import * as i0 from "@angular/core";
export declare class ChartComponent implements OnChanges, OnDestroy {
private ngZone;
chart: ApexChart;
annotations: ApexAnnotations;
colors: any[];
dataLabels: ApexDataLabels;
series: ApexAxisChartSeries | ApexNonAxisChartSeries;
stroke: ApexStroke;
labels: string[];
legend: ApexLegend;
markers: ApexMarkers;
noData: ApexNoData;
fill: ApexFill;
tooltip: ApexTooltip;
plotOptions: ApexPlotOptions;
responsive: ApexResponsive[];
xaxis: ApexXAxis;
yaxis: ApexYAxis | ApexYAxis[];
forecastDataPoints: ApexForecastDataPoints;
grid: ApexGrid;
states: ApexStates;
title: ApexTitleSubtitle;
subtitle: ApexTitleSubtitle;
theme: ApexTheme;
autoUpdateSeries: boolean;
chartReady: EventEmitter<any>;
private chartElement;
private chartObj;
constructor(ngZone: NgZone);
ngOnChanges(changes: SimpleChanges): void;
ngOnDestroy(): void;
private createElement;
render(): Promise<void>;
updateOptions(options: any, redrawPaths?: boolean, animate?: boolean, updateSyncedCharts?: boolean): Promise<void>;
updateSeries(newSeries: ApexAxisChartSeries | ApexNonAxisChartSeries, animate?: boolean): any;
appendSeries(newSeries: ApexAxisChartSeries | ApexNonAxisChartSeries, animate?: boolean): void;
appendData(newData: any[]): void;
toggleSeries(seriesName: string): any;
showSeries(seriesName: string): void;
hideSeries(seriesName: string): void;
resetSeries(): void;
zoomX(min: number, max: number): void;
toggleDataPointSelection(seriesIndex: number, dataPointIndex?: number): void;
destroy(): void;
setLocale(localeName?: string): void;
paper(): void;
addXaxisAnnotation(options: any, pushToMemory?: boolean, context?: any): void;
addYaxisAnnotation(options: any, pushToMemory?: boolean, context?: any): void;
addPointAnnotation(options: any, pushToMemory?: boolean, context?: any): void;
removeAnnotation(id: string, options?: any): void;
clearAnnotations(options?: any): void;
dataURI(options?: any): Promise<{
imgURI: string;
}>;
static ɵfac: i0.ɵɵFactoryDeclaration<ChartComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<ChartComponent, "apx-chart", never, { "chart": { "alias": "chart"; "required": false; }; "annotations": { "alias": "annotations"; "required": false; }; "colors": { "alias": "colors"; "required": false; }; "dataLabels": { "alias": "dataLabels"; "required": false; }; "series": { "alias": "series"; "required": false; }; "stroke": { "alias": "stroke"; "required": false; }; "labels": { "alias": "labels"; "required": false; }; "legend": { "alias": "legend"; "required": false; }; "markers": { "alias": "markers"; "required": false; }; "noData": { "alias": "noData"; "required": false; }; "fill": { "alias": "fill"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "plotOptions": { "alias": "plotOptions"; "required": false; }; "responsive": { "alias": "responsive"; "required": false; }; "xaxis": { "alias": "xaxis"; "required": false; }; "yaxis": { "alias": "yaxis"; "required": false; }; "forecastDataPoints": { "alias": "forecastDataPoints"; "required": false; }; "grid": { "alias": "grid"; "required": false; }; "states": { "alias": "states"; "required": false; }; "title": { "alias": "title"; "required": false; }; "subtitle": { "alias": "subtitle"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "autoUpdateSeries": { "alias": "autoUpdateSeries"; "required": false; }; }, { "chartReady": "chartReady"; }, never, never, false, never>;
}