rp-data-chart
Version:
Rabbitpre data-chart components lib
84 lines (83 loc) • 2.2 kB
TypeScript
import { Component } from 'react';
import { ChartProps } from "../../index";
import './visitor-region-chart.less';
import 'echarts/lib/chart/map';
import 'echarts/lib/chart/scatter';
import 'echarts/lib/component/visualMap';
declare enum ChartMode {
top10 = 0,
all = 1
}
declare type DateType = {
end: string;
start: string;
days: number;
};
interface IState {
mapData: Record<string, any> | null;
chartMode: ChartMode;
chartData: Record<string, any> | null;
tableData: Record<string, any>[];
tablePagination: {
page: number;
pageSize: number;
};
date?: DateType;
}
export declare class VisitorRegionChart extends Component<ChartProps, IState> {
state: IState;
constructor(props: ChartProps);
componentDidMount(): void;
/**
* 初始化图表,可以获取数据
*/
init(): void;
/**
* 获取api数据
*/
fetchData(): Promise<void>;
/**
* 生成地图所需的data
* @param result
*/
generateMapData(result: Record<string, any>[]): Record<string, any>;
/**
* 生成图表数据
* @param result
*/
generateChartData(result: Record<string, any>[]): Record<string, any>;
/**
* 生成表格数据
* @param result
*/
generateTableData(result: Record<string, any>[]): Record<string, any>[];
/**
* 切换tab
* @param chartMode
*/
handleSwitchTab(chartMode: ChartMode): void;
/**
* 切换表格页数
* @param page
*/
handleSwitchTablePage(page: number): void;
renderTable(): JSX.Element;
onDateChange(date: {
start: string;
end: string;
days: number;
}): Promise<void>;
render(): JSX.Element;
}
declare const _default: {
new (opt: import("../..").ChartOptions): {
appId: string;
pfId: string;
container: HTMLElement | null;
isLoading: boolean;
init(): void;
refresh(callback?: (() => void) | undefined): void;
destroy(callback?: (() => void) | undefined): void;
};
};
export default _default;