@swimlane/ngx-charts
Version:
Declarative Charting Framework for Angular
101 lines (100 loc) • 5.45 kB
TypeScript
import { EventEmitter, TemplateRef, TrackByFunction } from '@angular/core';
import { CurveFactory } from 'd3-shape';
import { ColorHelper } from '../common/color.helper';
import { BaseChartComponent } from '../common/base-chart.component';
import { Series } from '../models/chart-data.model';
import { LegendOptions, LegendPosition } from '../common/types/legend.model';
import { ViewDimensions } from '../common/types/view-dimension.interface';
import { ScaleType } from '../common/types/scale-type.enum';
import * as i0 from "@angular/core";
export declare class AreaChartComponent extends BaseChartComponent {
legend: boolean;
legendTitle: string;
legendPosition: LegendPosition;
xAxis: boolean;
yAxis: boolean;
baseValue: any;
autoScale: boolean;
showXAxisLabel: boolean;
showYAxisLabel: boolean;
xAxisLabel: string;
yAxisLabel: string;
timeline: boolean;
gradient: boolean;
showGridLines: boolean;
curve: CurveFactory;
activeEntries: any[];
schemeType: ScaleType;
trimXAxisTicks: boolean;
trimYAxisTicks: boolean;
rotateXAxisTicks: boolean;
maxXAxisTickLength: number;
maxYAxisTickLength: number;
xAxisTickFormatting: any;
yAxisTickFormatting: any;
xAxisTicks: any[];
yAxisTicks: any[];
roundDomains: boolean;
tooltipDisabled: boolean;
xScaleMin: any;
xScaleMax: any;
yScaleMin: number;
yScaleMax: number;
wrapTicks: boolean;
activate: EventEmitter<any>;
deactivate: EventEmitter<any>;
tooltipTemplate: TemplateRef<any>;
seriesTooltipTemplate: TemplateRef<any>;
dims: ViewDimensions;
xSet: any;
xDomain: any[];
yDomain: [number, number];
seriesDomain: string[];
xScale: any;
yScale: any;
transform: string;
colors: ColorHelper;
clipPathId: string;
clipPath: string;
scaleType: ScaleType;
series: Series;
margin: number[];
hoveredVertical: any;
xAxisHeight: number;
yAxisWidth: number;
filteredDomain: any;
legendOptions: LegendOptions;
timelineWidth: number;
timelineHeight: number;
timelineXScale: any;
timelineYScale: any;
timelineXDomain: any[];
timelineTransform: any;
timelinePadding: number;
update(): void;
updateTimeline(): void;
getXDomain(): any[];
getYDomain(): [number, number];
getSeriesDomain(): string[];
getXScale(domain: any, width: number): number;
getYScale(domain: [number, number], height: number): any;
getScaleType(values: any): ScaleType;
updateDomain(domain: any): void;
updateHoveredVertical(item: any): void;
hideCircles(): void;
onClick(data: any, series?: Series): void;
trackBy: TrackByFunction<Series>;
setColors(): void;
getLegendOptions(): LegendOptions;
updateYAxisWidth({ width }: {
width: number;
}): void;
updateXAxisHeight({ height }: {
height: number;
}): void;
onActivate(item: any): void;
onDeactivate(item: any): void;
deactivateAll(): void;
static ɵfac: i0.ɵɵFactoryDeclaration<AreaChartComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<AreaChartComponent, "ngx-charts-area-chart", never, { "legend": { "alias": "legend"; "required": false; }; "legendTitle": { "alias": "legendTitle"; "required": false; }; "legendPosition": { "alias": "legendPosition"; "required": false; }; "xAxis": { "alias": "xAxis"; "required": false; }; "yAxis": { "alias": "yAxis"; "required": false; }; "baseValue": { "alias": "baseValue"; "required": false; }; "autoScale": { "alias": "autoScale"; "required": false; }; "showXAxisLabel": { "alias": "showXAxisLabel"; "required": false; }; "showYAxisLabel": { "alias": "showYAxisLabel"; "required": false; }; "xAxisLabel": { "alias": "xAxisLabel"; "required": false; }; "yAxisLabel": { "alias": "yAxisLabel"; "required": false; }; "timeline": { "alias": "timeline"; "required": false; }; "gradient": { "alias": "gradient"; "required": false; }; "showGridLines": { "alias": "showGridLines"; "required": false; }; "curve": { "alias": "curve"; "required": false; }; "activeEntries": { "alias": "activeEntries"; "required": false; }; "schemeType": { "alias": "schemeType"; "required": false; }; "trimXAxisTicks": { "alias": "trimXAxisTicks"; "required": false; }; "trimYAxisTicks": { "alias": "trimYAxisTicks"; "required": false; }; "rotateXAxisTicks": { "alias": "rotateXAxisTicks"; "required": false; }; "maxXAxisTickLength": { "alias": "maxXAxisTickLength"; "required": false; }; "maxYAxisTickLength": { "alias": "maxYAxisTickLength"; "required": false; }; "xAxisTickFormatting": { "alias": "xAxisTickFormatting"; "required": false; }; "yAxisTickFormatting": { "alias": "yAxisTickFormatting"; "required": false; }; "xAxisTicks": { "alias": "xAxisTicks"; "required": false; }; "yAxisTicks": { "alias": "yAxisTicks"; "required": false; }; "roundDomains": { "alias": "roundDomains"; "required": false; }; "tooltipDisabled": { "alias": "tooltipDisabled"; "required": false; }; "xScaleMin": { "alias": "xScaleMin"; "required": false; }; "xScaleMax": { "alias": "xScaleMax"; "required": false; }; "yScaleMin": { "alias": "yScaleMin"; "required": false; }; "yScaleMax": { "alias": "yScaleMax"; "required": false; }; "wrapTicks": { "alias": "wrapTicks"; "required": false; }; }, { "activate": "activate"; "deactivate": "deactivate"; }, ["tooltipTemplate", "seriesTooltipTemplate"], never, false, never>;
}