@swimlane/ngx-charts
Version:
Declarative Charting Framework for Angular
100 lines (99 loc) • 4.29 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;
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": "legend"; "legendTitle": "legendTitle"; "legendPosition": "legendPosition"; "xAxis": "xAxis"; "yAxis": "yAxis"; "baseValue": "baseValue"; "autoScale": "autoScale"; "showXAxisLabel": "showXAxisLabel"; "showYAxisLabel": "showYAxisLabel"; "xAxisLabel": "xAxisLabel"; "yAxisLabel": "yAxisLabel"; "timeline": "timeline"; "gradient": "gradient"; "showGridLines": "showGridLines"; "curve": "curve"; "activeEntries": "activeEntries"; "schemeType": "schemeType"; "trimXAxisTicks": "trimXAxisTicks"; "trimYAxisTicks": "trimYAxisTicks"; "rotateXAxisTicks": "rotateXAxisTicks"; "maxXAxisTickLength": "maxXAxisTickLength"; "maxYAxisTickLength": "maxYAxisTickLength"; "xAxisTickFormatting": "xAxisTickFormatting"; "yAxisTickFormatting": "yAxisTickFormatting"; "xAxisTicks": "xAxisTicks"; "yAxisTicks": "yAxisTicks"; "roundDomains": "roundDomains"; "tooltipDisabled": "tooltipDisabled"; "xScaleMin": "xScaleMin"; "xScaleMax": "xScaleMax"; "yScaleMin": "yScaleMin"; "yScaleMax": "yScaleMax"; }, { "activate": "activate"; "deactivate": "deactivate"; }, ["tooltipTemplate", "seriesTooltipTemplate"], never>;
}