ngx-antv-f2
Version:
Functional Antvis/F2 wrapper for Angular.
75 lines (74 loc) • 2.05 kB
TypeScript
import { AfterViewInit, EventEmitter, OnDestroy, QueryList } from '@angular/core';
import { F2Source } from './f2-source';
import { F2Geometry } from './f2-geometry';
import { F2CoordPolar } from './f2-coord-polar';
import { F2Legend } from './f2-legend';
import { F2CoordRect } from './f2-coord-rect';
import { F2Axis } from './f2-axis';
import { F2Tooltip } from './f2-tooltip';
import { F2Guide } from './f2-guide';
import { F2Animate } from './f2-animate';
import { F2Interaction } from './f2-interaction';
import { F2PieLabel } from './f2-pie-label';
import { F2ScrollBar } from './f2-scroll-bar';
export interface ChartConfig {
width?: number;
height?: number;
/**
* 图表绘图区域和画布边框的间距,用于显示坐标轴文本、图例
*/
padding?: number | string | any[];
/**
* 图表画布区域四边的预留边距
*/
appendPadding?: number | any[];
/**
* 屏幕画布的像素比
*/
pixelRatio?: number;
/**
* 为 chart 实例注册插件
*/
plugins?: object | any[];
/**
* 是否关闭 chart 的动画
*/
animate?: boolean;
/**
* 用于多 Y 轴的情况下,统一 Y 轴的数值范围
*/
syncY?: boolean;
}
export declare class F2Chart implements AfterViewInit, OnDestroy {
config: ChartConfig;
/**
* 是否自定义渲染
*/
preventRender: boolean;
/**
* 自定义渲染事件
*/
customRender: EventEmitter<any>;
chart: any;
canvas: any;
source: F2Source;
geometryList: QueryList<F2Geometry>;
axisList: QueryList<F2Axis>;
coordRect: F2CoordRect;
coordPolar: F2CoordPolar;
legend: F2Legend;
tooltip: F2Tooltip;
guide: F2Guide;
animate: F2Animate;
interaction: F2Interaction;
pieLabel: F2PieLabel;
scrollBar: F2ScrollBar;
constructor();
onResize(event: any): void;
ngAfterViewInit(): void;
ngOnDestroy(): void;
render(): void;
repaint(): void;
rerender(): void;
destroy(): void;
}