@toast-ui/chart
Version:
TOAST UI Application: Chart
60 lines (59 loc) • 2.71 kB
TypeScript
import Component from "./component";
import { AxisData, ChartState, LabelAxisData, Options, Scale, Series } from "../../types/store/store";
import { RectResponderModel } from "../../types/components/series";
import { ZoomModels } from "../../types/components/zoom";
import { RectResponderInfoForCoordinateType } from "../helpers/responders";
declare type ZoomableSeries = Pick<Series, 'line' | 'area'>;
export default class Zoom extends Component {
models: ZoomModels;
responders: RectResponderModel[];
startIndex: number;
private dragStartPosition;
private dragStartPoint;
private isDragging;
initialize(): void;
render(state: ChartState<Options>, computed: any): void;
getRectResponderInfoForCoordinateType(series: ZoomableSeries, scale: Scale, axisData: LabelAxisData, categories: string[]): RectResponderInfoForCoordinateType[];
resetSelectionArea(): void;
onMousedown({ responders, mousePosition }: {
responders: any;
mousePosition: any;
}): void;
onMouseup({ responders }: {
responders: RectResponderModel[];
}): void;
makeRectResponderModel(categories: string[], axisData: AxisData): RectResponderModel[];
makeRectResponderModelForCoordinateType(responderInfo: RectResponderInfoForCoordinateType[], categories: string[]): {
data: {
name: string;
value: string;
};
type: "rect";
color?: string | undefined;
borderColor?: string | undefined;
style?: import("../../types/components/series").StyleProp<import("../../types/components/series").RectStyle, "shadow"> | undefined;
thickness?: number | undefined;
value?: number | import("../../types/options").RangeDataType<number> | null | undefined;
name?: string | undefined;
index?: number | undefined;
x: number;
y: number;
width: number;
height: number;
label?: string | undefined;
viewLabel?: string | undefined;
checked?: boolean | undefined;
active?: boolean | undefined;
chartType?: "area" | "line" | "boxPlot" | "bullet" | "pie" | "heatmap" | "scatter" | "bar" | "column" | "bubble" | "radar" | "treemap" | "radialBar" | "gauge" | undefined;
iconType?: "triangle" | "circle" | "line" | "rect" | "pentagon" | "star" | "diamond" | "cross" | "hexagon" | "spectrum" | undefined;
useScatterChartIcon?: boolean | undefined;
rowIndex?: number | undefined;
columnIndex?: number | undefined;
}[];
onMousemove({ responders, mousePosition }: {
responders: any;
mousePosition: any;
}): void;
onMouseoutComponent(): void;
}
export {};