/** * @fileOverview Render a group of error bar */ import React, { SVGProps } from 'react'; import { Props as XAxisProps } from './XAxis'; import { Props as YAxisProps } from './YAxis'; import { D3Scale, DataKey } from '../util/types'; import { BarRectangleItem } from './Bar'; import { LinePointItem } from './Line'; import { ScatterPointItem } from './Scatter'; export interface ErrorBarDataItem { x: number; y: number; value: number; errorVal?: number[] | number; } export type ErrorBarDataPointFormatter = (entry: BarRectangleItem | LinePointItem | ScatterPointItem, dataKey: DataKey) => ErrorBarDataItem; interface InternalErrorBarProps { xAxis?: Omit & { scale: D3Scale; }; yAxis?: Omit & { scale: D3Scale; }; data?: any[]; layout?: 'horizontal' | 'vertical'; dataPointFormatter?: ErrorBarDataPointFormatter; /** The offset between central and the given coordinate, often set by */ offset?: number; } interface ErrorBarProps extends InternalErrorBarProps { dataKey: DataKey; /** the width of the error bar ends */ width?: number; /** * Only used for ScatterChart with error bars in two directions. * Only accepts a value of "x" or "y" and makes the error bars lie in that direction. */ direction?: 'x' | 'y'; } export type Props = SVGProps & ErrorBarProps; export declare class ErrorBar extends React.Component { static defaultProps: { stroke: string; strokeWidth: number; width: number; offset: number; layout: string; }; static displayName: string; render(): React.JSX.Element; } export {};