@react-financial-charts/coordinates
Version:
Coordinates for react-financial-charts
56 lines (55 loc) • 1.84 kB
TypeScript
import * as React from "react";
import { strokeDashTypes } from "@react-financial-charts/core";
export interface EdgeIndicatorProps {
readonly arrowWidth?: number;
readonly displayFormat?: (n: number) => string;
readonly edgeAt?: "left" | "right";
readonly fill?: string | ((datum: any) => string);
readonly fitToText?: boolean;
readonly fontFamily?: string;
readonly fontSize?: number;
readonly fullWidth?: boolean;
readonly itemType: "first" | "last";
readonly lineStroke?: string | ((datum: any) => string);
readonly lineStrokeDasharray?: strokeDashTypes;
readonly orient?: "left" | "right";
readonly rectHeight?: number;
readonly rectWidth?: number;
readonly stroke?: string | ((datum: any) => string);
readonly textFill?: string | ((datum: any) => string);
readonly type?: "horizontal";
readonly yAccessor: (data: any) => number | undefined;
readonly yAxisPad?: number;
}
export declare class EdgeIndicator extends React.Component<EdgeIndicatorProps> {
static defaultProps: {
fitToText: boolean;
lineStroke: string;
lineOpacity: number;
lineStrokeDasharray: string;
orient: string;
displayFormat: (n: number | {
valueOf(): number;
}) => string;
edgeAt: string;
yAxisPad: number;
rectHeight: number;
rectWidth: number;
arrowWidth: number;
fontFamily: string;
fontSize: number;
dx: number;
hideLine: boolean;
fill: string;
opacity: number;
stroke: () => void;
strokeOpacity: number;
strokeWidth: number;
textFill: string;
type: string;
};
render(): JSX.Element;
private readonly drawOnCanvas;
private readonly helper;
private readonly getEdge;
}