react-financial-charts/lib/tooltip/GroupTooltip.d.ts

React charts specific to finance.

/// <reference types="d3-format" />
import * as React from "react";
import { default as defaultDisplayValuesFor } from "./displayValuesFor";
import { layouts } from "./SingleTooltip";
interface GroupTooltipProps {
    readonly className?: string;
    readonly layout: layouts;
    readonly position: "topRight" | "bottomLeft" | "bottomRight";
    readonly displayFormat: any;
    readonly origin: number[];
    readonly displayValuesFor: any;
    readonly onClick?: ((event: React.MouseEvent<SVGGElement, MouseEvent>) => void);
    readonly fontFamily?: string;
    readonly fontSize?: number;
    readonly width?: number;
    readonly verticalSize?: number;
    readonly options: Array<{
        labelFill?: string;
        yLabel: string | any;
        yAccessor: any;
        valueFill?: string;
        withShape?: boolean;
    }>;
    readonly yAccessor: any;
    readonly labelFill?: string;
    readonly valueFill?: string;
    readonly withShape: boolean;
}
export declare class GroupTooltip extends React.Component<GroupTooltipProps> {
    static defaultProps: {
        className: string;
        layout: string;
        displayFormat: (n: number | {
            valueOf(): number;
        }) => string;
        displayValuesFor: typeof defaultDisplayValuesFor;
        origin: number[];
        width: number;
        verticalSize: number;
    };
    render(): JSX.Element;
    private readonly getPosition;
    private readonly renderSVG;
}
export {};