@react-financial-charts/interactive/lib/components/InteractiveYCoordinate.d.ts

Interactive features for react-financial-charts

import * as React from "react";
import { strokeDashTypes } from "@react-financial-charts/core";
export interface InteractiveYCoordinateProps {
    readonly bgFillStyle: string;
    readonly strokeStyle: string;
    readonly strokeWidth: number;
    readonly strokeDasharray: strokeDashTypes;
    readonly textFill: string;
    readonly fontFamily: string;
    readonly fontSize: number;
    readonly fontWeight: number | string;
    readonly fontStyle: string;
    readonly text: string;
    readonly edge: object;
    readonly textBox: {
        readonly closeIcon: any;
        readonly left: number;
        readonly height: number;
        readonly padding: any;
    };
    readonly yValue: number;
    readonly onDragStart?: (e: React.MouseEvent, moreProps: any) => void;
    readonly onDrag?: (e: React.MouseEvent, moreProps: any) => void;
    readonly onDragComplete?: (e: React.MouseEvent, moreProps: any) => void;
    readonly onHover?: (e: React.MouseEvent, moreProps: any) => void;
    readonly onUnHover?: (e: React.MouseEvent, moreProps: any) => void;
    readonly defaultClassName?: string;
    readonly interactiveCursorClass?: string;
    readonly tolerance: number;
    readonly selected: boolean;
    readonly hovering: boolean;
}
export declare class InteractiveYCoordinate extends React.Component<InteractiveYCoordinateProps> {
    static defaultProps: {
        fontWeight: string;
        strokeWidth: number;
        tolerance: number;
        selected: boolean;
        hovering: boolean;
    };
    private width;
    render(): JSX.Element;
    private readonly drawOnCanvas;
    private readonly isHover;
    private readonly helper;
}