@react-financial-charts/interactive
Version:
Interactive features for react-financial-charts
34 lines (33 loc) • 1.09 kB
TypeScript
import * as React from "react";
export interface ClickableShapeProps {
readonly fontWeight: string;
readonly fontFamily: string;
readonly fontStyle: string;
readonly fontSize: number;
readonly strokeStyle: string;
readonly strokeWidth: number;
readonly text: string;
readonly textBox: {
readonly closeIcon: any;
readonly left: number;
readonly padding: any;
};
readonly hovering?: boolean;
readonly interactiveCursorClass?: string;
readonly show?: boolean;
readonly onHover?: (e: React.MouseEvent, moreProps: any) => void;
readonly onUnHover?: (e: React.MouseEvent, moreProps: any) => void;
readonly onClick?: (e: React.MouseEvent, moreProps: any) => void;
readonly yValue: number;
}
export declare class ClickableShape extends React.Component<ClickableShapeProps> {
static defaultProps: {
show: boolean;
strokeWidth: number;
};
private closeIcon;
render(): JSX.Element | null;
private readonly drawOnCanvas;
private readonly isHover;
private readonly helper;
}