recharts
- Version 2.12.3
- Published
- 4.65 MB
- 8 dependencies
- MIT license
Install
npm i recharts
yarn add recharts
pnpm add recharts
Overview
React charts
Index
Variables
Functions
Classes
Brush
- attachDragEndListener()
- componentWillUnmount()
- defaultProps
- detachDragEndListener()
- displayName
- getDerivedStateFromProps()
- getIndex()
- getIndexInRange()
- getTextOfTick()
- handleDrag
- handleDragEnd
- handleEnterSlideOrTraveller
- handleLeaveSlideOrTraveller
- handleLeaveWrapper
- handleSlideDrag()
- handleSlideDragStart
- handleTouchMove
- handleTravellerDragStart()
- handleTravellerMove()
- handleTravellerMoveKeyboard()
- leaveTimer
- render()
- renderBackground()
- renderDefaultTraveller()
- renderPanorama()
- renderSlide()
- renderText()
- renderTraveller()
- renderTravellerLayer()
- travellerDragStartHandlers
Line
- componentDidMount()
- componentDidUpdate()
- defaultProps
- displayName
- generateSimpleStrokeDasharray
- getComposedData
- getDerivedStateFromProps()
- getStrokeDasharray
- getTotalLength()
- handleAnimationEnd
- handleAnimationStart
- id
- mainCurve
- pathRef
- render()
- renderCurve()
- renderCurveStatically()
- renderCurveWithAnimation()
- renderDotItem()
- renderDots()
- renderErrorBar()
- repeat()
- state
Pie
- attachKeyboardHandlers()
- componentDidMount()
- defaultProps
- displayName
- getComposedData
- getDerivedStateFromProps()
- getRealPieData
- getTextAnchor()
- handleAnimationEnd
- handleAnimationStart
- hasActiveIndex()
- id
- isActiveIndex()
- parseCoordinateOfPie
- parseDeltaAngle
- pieRef
- render()
- renderLabelItem()
- renderLabelLineItem()
- renderLabels()
- renderSectors()
- renderSectorsStatically()
- renderSectorsWithAnimation()
- sectorRefs
- state
Interfaces
Type Aliases
- AreaProps
- BarProps
- BrushProps
- CartesianAxisProps
- CartesianGridProps
- CellProps
- CrossProps
- CurveProps
- CustomizedProps
- DefaultLegendContentProps
- DotProps
- ErrorBarProps
- FunnelProps
- LabelListProps
- LabelProps
- LayerProps
- LegendProps
- LegendType
- LineProps
- PieLabel
- PieProps
- PolarAngleAxisProps
- PolarGridProps
- PolarRadiusAxisProps
- PolygonProps
- RadarProps
- RadialBarProps
- RectangleProps
- ReferenceAreaProps
- ReferenceDotProps
- ReferenceLineProps
- ScatterProps
- SectorProps
- SurfaceProps
- SymbolsProps
- TextProps
- TooltipProps
- TrapezoidProps
- XAxisProps
- YAxisProps
Namespaces
Variables
variable AreaChart
const AreaChart: { new (props: import('./generateCategoricalChart').CategoricalChartProps): { readonly eventEmitterSymbol: Symbol; clipPathId: string; accessibilityManager: import('./AccessibilityManager').AccessibilityManager; throttleTriggeredAfterMouseMove: any; container?: HTMLElement; componentDidMount(): void; displayDefaultTooltip(): void; getSnapshotBeforeUpdate( prevProps: Readonly< import('./generateCategoricalChart').CategoricalChartProps >, prevState: Readonly<import('./types').CategoricalChartState> ): null; componentDidUpdate( prevProps: import('./generateCategoricalChart').CategoricalChartProps ): void; componentWillUnmount(): void; getTooltipEventType(): import('../util/types').TooltipEventType; getMouseInfo( event: import('./generateCategoricalChart').MousePointer ): | { xValue: any; yValue: any; chartX: number; chartY: number } | { activeTooltipIndex: number; activeLabel: any; activePayload: any[]; activeCoordinate: import('../util/types').ChartCoordinate; chartX: number; chartY: number; }; inRange(x: number, y: number, scale?: number): any; parseEventsOfWrapper(): any; addListener(): void; removeListener(): void; handleLegendBBoxUpdate: (box: DOMRect) => void; handleReceiveSyncEvent: ( cId: string | number, data: import('./types').CategoricalChartState, emitter: Symbol ) => void; handleBrushChange: ({ startIndex, endIndex, }: { startIndex: number; endIndex: number; }) => void; handleMouseEnter: (e: any) => void; triggeredAfterMouseMove: ( e: import('./generateCategoricalChart').MousePointer ) => any; handleItemMouseEnter: (el: any) => void; handleItemMouseLeave: () => void; handleMouseMove: ( e: import('./generateCategoricalChart').MousePointer & Partial< Omit< import('react').MouseEvent<Element, MouseEvent>, keyof import('./generateCategoricalChart').MousePointer > > ) => void; handleMouseLeave: (e: any) => void; handleOuterEvent: ( e: | import('react').MouseEvent<Element, MouseEvent> | import('react').TouchEvent<Element> ) => void; handleClick: (e: any) => void; handleMouseDown: ( e: | import('react').MouseEvent<Element, MouseEvent> | import('react').Touch ) => void; handleMouseUp: ( e: | import('react').MouseEvent<Element, MouseEvent> | import('react').Touch ) => void; handleTouchMove: (e: any) => void; handleTouchStart: (e: any) => void; handleTouchEnd: (e: any) => void; triggerSyncEvent: (data: import('./types').CategoricalChartState) => void; applySyncEvent: (data: import('./types').CategoricalChartState) => void; filterFormatItem(item: any, displayName: any, childIndex: any): any; renderCursor: (element: any) => any; renderPolarAxis: (element: any, displayName: string, index: number) => any; renderPolarGrid: (element: any) => any; renderLegend: () => import('react').ReactElement< any, string | import('react').JSXElementConstructor<any> >; renderTooltip: () => import('react').ReactElement< any, string | import('react').JSXElementConstructor<any> >; renderBrush: (element: any) => any; renderReferenceElement: ( element: any, displayName: string, index: number ) => any; renderActivePoints: ({ item, activePoint, basePoint, childIndex, isRange, }: any) => import('react').ReactElement< any, string | import('react').JSXElementConstructor<any> >[]; renderGraphicChild: ( element: any, displayName: string, index: number ) => any[]; renderCustomized: (element: any, displayName: string, index: number) => any; renderClipPath(): any; getXScales(): { [x: string]: Function | ScaleType }; getYScales(): { [x: string]: Function | ScaleType }; getXScaleByAxisId( axisId: string ): Function | import('../util/types').ScaleType; getYScaleByAxisId( axisId: string ): Function | import('../util/types').ScaleType; getItemByXY(chartXY: { x: number; y: number }): { graphicalItem: any; payload: any; }; renderMap: { CartesianGrid: { handler: (element: any) => any; once: boolean }; ReferenceArea: { handler: (element: any, displayName: string, index: number) => any; }; ReferenceLine: { handler: (element: any) => any }; ReferenceDot: { handler: (element: any, displayName: string, index: number) => any; }; XAxis: { handler: (element: any) => any }; YAxis: { handler: (element: any) => any }; Brush: { handler: (element: any) => any; once: boolean }; Bar: { handler: (element: any, displayName: string, index: number) => any[]; }; Line: { handler: (element: any, displayName: string, index: number) => any[]; }; Area: { handler: (element: any, displayName: string, index: number) => any[]; }; Radar: { handler: (element: any, displayName: string, index: number) => any[]; }; RadialBar: { handler: (element: any, displayName: string, index: number) => any[]; }; Scatter: { handler: (element: any, displayName: string, index: number) => any[]; }; Pie: { handler: (element: any, displayName: string, index: number) => any[]; }; Funnel: { handler: (element: any, displayName: string, index: number) => any[]; }; Tooltip: { handler: (element: any) => any; once: boolean }; PolarGrid: { handler: (element: any) => any; once: boolean }; PolarAngleAxis: { handler: (element: any, displayName: string, index: number) => any; }; PolarRadiusAxis: { handler: (element: any, displayName: string, index: number) => any; }; Customized: { handler: (element: any, displayName: string, index: number) => any; }; }; render(): any; context: any; setState<K extends keyof CategoricalChartState>( state: | CategoricalChartState | (( prevState: Readonly<import('./types').CategoricalChartState>, props: Readonly< import('./generateCategoricalChart').CategoricalChartProps > ) => CategoricalChartState | Pick<CategoricalChartState, K>) | Pick<CategoricalChartState, K>, callback?: () => void ): void; forceUpdate(callback?: () => void): void; readonly props: Readonly< import('./generateCategoricalChart').CategoricalChartProps > & Readonly<{ children?: import('react').ReactNode }>; state: Readonly<import('./types').CategoricalChartState>; refs: { [key: string]: any }; shouldComponentUpdate?( nextProps: Readonly< import('./generateCategoricalChart').CategoricalChartProps >, nextState: Readonly<import('./types').CategoricalChartState>, nextContext: any ): boolean; componentDidCatch?(error: Error, errorInfo: any): void; componentWillMount?(): void; UNSAFE_componentWillMount?(): void; componentWillReceiveProps?( nextProps: Readonly< import('./generateCategoricalChart').CategoricalChartProps >, nextContext: any ): void; UNSAFE_componentWillReceiveProps?( nextProps: Readonly< import('./generateCategoricalChart').CategoricalChartProps >, nextContext: any ): void; componentWillUpdate?( nextProps: Readonly< import('./generateCategoricalChart').CategoricalChartProps >, nextState: Readonly<import('./types').CategoricalChartState>, nextContext: any ): void; UNSAFE_componentWillUpdate?( nextProps: Readonly< import('./generateCategoricalChart').CategoricalChartProps >, nextState: Readonly<import('./types').CategoricalChartState>, nextContext: any ): void; }; displayName: string; defaultProps: import('./generateCategoricalChart').CategoricalChartProps; getDerivedStateFromProps: ( nextProps: import('./generateCategoricalChart').CategoricalChartProps, prevState: import('./types').CategoricalChartState ) => import('./types').CategoricalChartState; renderActiveDot: (option: any, props: any) => any; contextType?: any;};
variable BarChart
const BarChart: { new (props: import('./generateCategoricalChart').CategoricalChartProps): { readonly eventEmitterSymbol: Symbol; clipPathId: string; accessibilityManager: import('./AccessibilityManager').AccessibilityManager; throttleTriggeredAfterMouseMove: any; container?: HTMLElement; componentDidMount(): void; displayDefaultTooltip(): void; getSnapshotBeforeUpdate( prevProps: Readonly< import('./generateCategoricalChart').CategoricalChartProps >, prevState: Readonly<import('./types').CategoricalChartState> ): null; componentDidUpdate( prevProps: import('./generateCategoricalChart').CategoricalChartProps ): void; componentWillUnmount(): void; getTooltipEventType(): import('../util/types').TooltipEventType; getMouseInfo( event: import('./generateCategoricalChart').MousePointer ): | { xValue: any; yValue: any; chartX: number; chartY: number } | { activeTooltipIndex: number; activeLabel: any; activePayload: any[]; activeCoordinate: import('../util/types').ChartCoordinate; chartX: number; chartY: number; }; inRange(x: number, y: number, scale?: number): any; parseEventsOfWrapper(): any; addListener(): void; removeListener(): void; handleLegendBBoxUpdate: (box: DOMRect) => void; handleReceiveSyncEvent: ( cId: string | number, data: import('./types').CategoricalChartState, emitter: Symbol ) => void; handleBrushChange: ({ startIndex, endIndex, }: { startIndex: number; endIndex: number; }) => void; handleMouseEnter: (e: any) => void; triggeredAfterMouseMove: ( e: import('./generateCategoricalChart').MousePointer ) => any; handleItemMouseEnter: (el: any) => void; handleItemMouseLeave: () => void; handleMouseMove: ( e: import('./generateCategoricalChart').MousePointer & Partial< Omit< import('react').MouseEvent<Element, MouseEvent>, keyof import('./generateCategoricalChart').MousePointer > > ) => void; handleMouseLeave: (e: any) => void; handleOuterEvent: ( e: | import('react').MouseEvent<Element, MouseEvent> | import('react').TouchEvent<Element> ) => void; handleClick: (e: any) => void; handleMouseDown: ( e: | import('react').MouseEvent<Element, MouseEvent> | import('react').Touch ) => void; handleMouseUp: ( e: | import('react').MouseEvent<Element, MouseEvent> | import('react').Touch ) => void; handleTouchMove: (e: any) => void; handleTouchStart: (e: any) => void; handleTouchEnd: (e: any) => void; triggerSyncEvent: (data: import('./types').CategoricalChartState) => void; applySyncEvent: (data: import('./types').CategoricalChartState) => void; filterFormatItem(item: any, displayName: any, childIndex: any): any; renderCursor: (element: any) => any; renderPolarAxis: (element: any, displayName: string, index: number) => any; renderPolarGrid: (element: any) => any; renderLegend: () => import('react').ReactElement< any, string | import('react').JSXElementConstructor<any> >; renderTooltip: () => import('react').ReactElement< any, string | import('react').JSXElementConstructor<any> >; renderBrush: (element: any) => any; renderReferenceElement: ( element: any, displayName: string, index: number ) => any; renderActivePoints: ({ item, activePoint, basePoint, childIndex, isRange, }: any) => import('react').ReactElement< any, string | import('react').JSXElementConstructor<any> >[]; renderGraphicChild: ( element: any, displayName: string, index: number ) => any[]; renderCustomized: (element: any, displayName: string, index: number) => any; renderClipPath(): any; getXScales(): { [x: string]: Function | ScaleType }; getYScales(): { [x: string]: Function | ScaleType }; getXScaleByAxisId( axisId: string ): Function | import('../util/types').ScaleType; getYScaleByAxisId( axisId: string ): Function | import('../util/types').ScaleType; getItemByXY(chartXY: { x: number; y: number }): { graphicalItem: any; payload: any; }; renderMap: { CartesianGrid: { handler: (element: any) => any; once: boolean }; ReferenceArea: { handler: (element: any, displayName: string, index: number) => any; }; ReferenceLine: { handler: (element: any) => any }; ReferenceDot: { handler: (element: any, displayName: string, index: number) => any; }; XAxis: { handler: (element: any) => any }; YAxis: { handler: (element: any) => any }; Brush: { handler: (element: any) => any; once: boolean }; Bar: { handler: (element: any, displayName: string, index: number) => any[]; }; Line: { handler: (element: any, displayName: string, index: number) => any[]; }; Area: { handler: (element: any, displayName: string, index: number) => any[]; }; Radar: { handler: (element: any, displayName: string, index: number) => any[]; }; RadialBar: { handler: (element: any, displayName: string, index: number) => any[]; }; Scatter: { handler: (element: any, displayName: string, index: number) => any[]; }; Pie: { handler: (element: any, displayName: string, index: number) => any[]; }; Funnel: { handler: (element: any, displayName: string, index: number) => any[]; }; Tooltip: { handler: (element: any) => any; once: boolean }; PolarGrid: { handler: (element: any) => any; once: boolean }; PolarAngleAxis: { handler: (element: any, displayName: string, index: number) => any; }; PolarRadiusAxis: { handler: (element: any, displayName: string, index: number) => any; }; Customized: { handler: (element: any, displayName: string, index: number) => any; }; }; render(): any; context: any; setState<K extends keyof CategoricalChartState>( state: | CategoricalChartState | (( prevState: Readonly<import('./types').CategoricalChartState>, props: Readonly< import('./generateCategoricalChart').CategoricalChartProps > ) => CategoricalChartState | Pick<CategoricalChartState, K>) | Pick<CategoricalChartState, K>, callback?: () => void ): void; forceUpdate(callback?: () => void): void; readonly props: Readonly< import('./generateCategoricalChart').CategoricalChartProps > & Readonly<{ children?: import('react').ReactNode }>; state: Readonly<import('./types').CategoricalChartState>; refs: { [key: string]: any }; shouldComponentUpdate?( nextProps: Readonly< import('./generateCategoricalChart').CategoricalChartProps >, nextState: Readonly<import('./types').CategoricalChartState>, nextContext: any ): boolean; componentDidCatch?(error: Error, errorInfo: any): void; componentWillMount?(): void; UNSAFE_componentWillMount?(): void; componentWillReceiveProps?( nextProps: Readonly< import('./generateCategoricalChart').CategoricalChartProps >, nextContext: any ): void; UNSAFE_componentWillReceiveProps?( nextProps: Readonly< import('./generateCategoricalChart').CategoricalChartProps >, nextContext: any ): void; componentWillUpdate?( nextProps: Readonly< import('./generateCategoricalChart').CategoricalChartProps >, nextState: Readonly<import('./types').CategoricalChartState>, nextContext: any ): void; UNSAFE_componentWillUpdate?( nextProps: Readonly< import('./generateCategoricalChart').CategoricalChartProps >, nextState: Readonly<import('./types').CategoricalChartState>, nextContext: any ): void; }; displayName: string; defaultProps: import('./generateCategoricalChart').CategoricalChartProps; getDerivedStateFromProps: ( nextProps: import('./generateCategoricalChart').CategoricalChartProps, prevState: import('./types').CategoricalChartState ) => import('./types').CategoricalChartState; renderActiveDot: (option: any, props: any) => any; contextType?: any;};
variable Cell
const Cell: FunctionComponent<SVGProps<SVGElement>>;
variable ComposedChart
const ComposedChart: { new (props: import('./generateCategoricalChart').CategoricalChartProps): { readonly eventEmitterSymbol: Symbol; clipPathId: string; accessibilityManager: import('./AccessibilityManager').AccessibilityManager; throttleTriggeredAfterMouseMove: any; container?: HTMLElement; componentDidMount(): void; displayDefaultTooltip(): void; getSnapshotBeforeUpdate( prevProps: Readonly< import('./generateCategoricalChart').CategoricalChartProps >, prevState: Readonly<import('./types').CategoricalChartState> ): null; componentDidUpdate( prevProps: import('./generateCategoricalChart').CategoricalChartProps ): void; componentWillUnmount(): void; getTooltipEventType(): import('../util/types').TooltipEventType; getMouseInfo( event: import('./generateCategoricalChart').MousePointer ): | { xValue: any; yValue: any; chartX: number; chartY: number } | { activeTooltipIndex: number; activeLabel: any; activePayload: any[]; activeCoordinate: import('../util/types').ChartCoordinate; chartX: number; chartY: number; }; inRange(x: number, y: number, scale?: number): any; parseEventsOfWrapper(): any; addListener(): void; removeListener(): void; handleLegendBBoxUpdate: (box: DOMRect) => void; handleReceiveSyncEvent: ( cId: string | number, data: import('./types').CategoricalChartState, emitter: Symbol ) => void; handleBrushChange: ({ startIndex, endIndex, }: { startIndex: number; endIndex: number; }) => void; handleMouseEnter: (e: any) => void; triggeredAfterMouseMove: ( e: import('./generateCategoricalChart').MousePointer ) => any; handleItemMouseEnter: (el: any) => void; handleItemMouseLeave: () => void; handleMouseMove: ( e: import('./generateCategoricalChart').MousePointer & Partial< Omit< import('react').MouseEvent<Element, MouseEvent>, keyof import('./generateCategoricalChart').MousePointer > > ) => void; handleMouseLeave: (e: any) => void; handleOuterEvent: ( e: | import('react').MouseEvent<Element, MouseEvent> | import('react').TouchEvent<Element> ) => void; handleClick: (e: any) => void; handleMouseDown: ( e: | import('react').MouseEvent<Element, MouseEvent> | import('react').Touch ) => void; handleMouseUp: ( e: | import('react').MouseEvent<Element, MouseEvent> | import('react').Touch ) => void; handleTouchMove: (e: any) => void; handleTouchStart: (e: any) => void; handleTouchEnd: (e: any) => void; triggerSyncEvent: (data: import('./types').CategoricalChartState) => void; applySyncEvent: (data: import('./types').CategoricalChartState) => void; filterFormatItem(item: any, displayName: any, childIndex: any): any; renderCursor: (element: any) => any; renderPolarAxis: (element: any, displayName: string, index: number) => any; renderPolarGrid: (element: any) => any; renderLegend: () => import('react').ReactElement< any, string | import('react').JSXElementConstructor<any> >; renderTooltip: () => import('react').ReactElement< any, string | import('react').JSXElementConstructor<any> >; renderBrush: (element: any) => any; renderReferenceElement: ( element: any, displayName: string, index: number ) => any; renderActivePoints: ({ item, activePoint, basePoint, childIndex, isRange, }: any) => import('react').ReactElement< any, string | import('react').JSXElementConstructor<any> >[]; renderGraphicChild: ( element: any, displayName: string, index: number ) => any[]; renderCustomized: (element: any, displayName: string, index: number) => any; renderClipPath(): any; getXScales(): { [x: string]: Function | ScaleType }; getYScales(): { [x: string]: Function | ScaleType }; getXScaleByAxisId( axisId: string ): Function | import('../util/types').ScaleType; getYScaleByAxisId( axisId: string ): Function | import('../util/types').ScaleType; getItemByXY(chartXY: { x: number; y: number }): { graphicalItem: any; payload: any; }; renderMap: { CartesianGrid: { handler: (element: any) => any; once: boolean }; ReferenceArea: { handler: (element: any, displayName: string, index: number) => any; }; ReferenceLine: { handler: (element: any) => any }; ReferenceDot: { handler: (element: any, displayName: string, index: number) => any; }; XAxis: { handler: (element: any) => any }; YAxis: { handler: (element: any) => any }; Brush: { handler: (element: any) => any; once: boolean }; Bar: { handler: (element: any, displayName: string, index: number) => any[]; }; Line: { handler: (element: any, displayName: string, index: number) => any[]; }; Area: { handler: (element: any, displayName: string, index: number) => any[]; }; Radar: { handler: (element: any, displayName: string, index: number) => any[]; }; RadialBar: { handler: (element: any, displayName: string, index: number) => any[]; }; Scatter: { handler: (element: any, displayName: string, index: number) => any[]; }; Pie: { handler: (element: any, displayName: string, index: number) => any[]; }; Funnel: { handler: (element: any, displayName: string, index: number) => any[]; }; Tooltip: { handler: (element: any) => any; once: boolean }; PolarGrid: { handler: (element: any) => any; once: boolean }; PolarAngleAxis: { handler: (element: any, displayName: string, index: number) => any; }; PolarRadiusAxis: { handler: (element: any, displayName: string, index: number) => any; }; Customized: { handler: (element: any, displayName: string, index: number) => any; }; }; render(): any; context: any; setState<K extends keyof CategoricalChartState>( state: | CategoricalChartState | (( prevState: Readonly<import('./types').CategoricalChartState>, props: Readonly< import('./generateCategoricalChart').CategoricalChartProps > ) => CategoricalChartState | Pick<CategoricalChartState, K>) | Pick<CategoricalChartState, K>, callback?: () => void ): void; forceUpdate(callback?: () => void): void; readonly props: Readonly< import('./generateCategoricalChart').CategoricalChartProps > & Readonly<{ children?: import('react').ReactNode }>; state: Readonly<import('./types').CategoricalChartState>; refs: { [key: string]: any }; shouldComponentUpdate?( nextProps: Readonly< import('./generateCategoricalChart').CategoricalChartProps >, nextState: Readonly<import('./types').CategoricalChartState>, nextContext: any ): boolean; componentDidCatch?(error: Error, errorInfo: any): void; componentWillMount?(): void; UNSAFE_componentWillMount?(): void; componentWillReceiveProps?( nextProps: Readonly< import('./generateCategoricalChart').CategoricalChartProps >, nextContext: any ): void; UNSAFE_componentWillReceiveProps?( nextProps: Readonly< import('./generateCategoricalChart').CategoricalChartProps >, nextContext: any ): void; componentWillUpdate?( nextProps: Readonly< import('./generateCategoricalChart').CategoricalChartProps >, nextState: Readonly<import('./types').CategoricalChartState>, nextContext: any ): void; UNSAFE_componentWillUpdate?( nextProps: Readonly< import('./generateCategoricalChart').CategoricalChartProps >, nextState: Readonly<import('./types').CategoricalChartState>, nextContext: any ): void; }; displayName: string; defaultProps: import('./generateCategoricalChart').CategoricalChartProps; getDerivedStateFromProps: ( nextProps: import('./generateCategoricalChart').CategoricalChartProps, prevState: import('./types').CategoricalChartState ) => import('./types').CategoricalChartState; renderActiveDot: (option: any, props: any) => any; contextType?: any;};
variable Cross
const Cross: React.FC<any>;
variable Curve
const Curve: React.FC<Props>;
variable Dot
const Dot: React.FC<any>;
variable FunnelChart
const FunnelChart: { new (props: import('./generateCategoricalChart').CategoricalChartProps): { readonly eventEmitterSymbol: Symbol; clipPathId: string; accessibilityManager: import('./AccessibilityManager').AccessibilityManager; throttleTriggeredAfterMouseMove: any; container?: HTMLElement; componentDidMount(): void; displayDefaultTooltip(): void; getSnapshotBeforeUpdate( prevProps: Readonly< import('./generateCategoricalChart').CategoricalChartProps >, prevState: Readonly<import('./types').CategoricalChartState> ): null; componentDidUpdate( prevProps: import('./generateCategoricalChart').CategoricalChartProps ): void; componentWillUnmount(): void; getTooltipEventType(): import('../util/types').TooltipEventType; getMouseInfo( event: import('./generateCategoricalChart').MousePointer ): | { xValue: any; yValue: any; chartX: number; chartY: number } | { activeTooltipIndex: number; activeLabel: any; activePayload: any[]; activeCoordinate: import('../util/types').ChartCoordinate; chartX: number; chartY: number; }; inRange(x: number, y: number, scale?: number): any; parseEventsOfWrapper(): any; addListener(): void; removeListener(): void; handleLegendBBoxUpdate: (box: DOMRect) => void; handleReceiveSyncEvent: ( cId: string | number, data: import('./types').CategoricalChartState, emitter: Symbol ) => void; handleBrushChange: ({ startIndex, endIndex, }: { startIndex: number; endIndex: number; }) => void; handleMouseEnter: (e: any) => void; triggeredAfterMouseMove: ( e: import('./generateCategoricalChart').MousePointer ) => any; handleItemMouseEnter: (el: any) => void; handleItemMouseLeave: () => void; handleMouseMove: ( e: import('./generateCategoricalChart').MousePointer & Partial< Omit< import('react').MouseEvent<Element, MouseEvent>, keyof import('./generateCategoricalChart').MousePointer > > ) => void; handleMouseLeave: (e: any) => void; handleOuterEvent: ( e: | import('react').MouseEvent<Element, MouseEvent> | import('react').TouchEvent<Element> ) => void; handleClick: (e: any) => void; handleMouseDown: ( e: | import('react').MouseEvent<Element, MouseEvent> | import('react').Touch ) => void; handleMouseUp: ( e: | import('react').MouseEvent<Element, MouseEvent> | import('react').Touch ) => void; handleTouchMove: (e: any) => void; handleTouchStart: (e: any) => void; handleTouchEnd: (e: any) => void; triggerSyncEvent: (data: import('./types').CategoricalChartState) => void; applySyncEvent: (data: import('./types').CategoricalChartState) => void; filterFormatItem(item: any, displayName: any, childIndex: any): any; renderCursor: (element: any) => any; renderPolarAxis: (element: any, displayName: string, index: number) => any; renderPolarGrid: (element: any) => any; renderLegend: () => import('react').ReactElement< any, string | import('react').JSXElementConstructor<any> >; renderTooltip: () => import('react').ReactElement< any, string | import('react').JSXElementConstructor<any> >; renderBrush: (element: any) => any; renderReferenceElement: ( element: any, displayName: string, index: number ) => any; renderActivePoints: ({ item, activePoint, basePoint, childIndex, isRange, }: any) => import('react').ReactElement< any, string | import('react').JSXElementConstructor<any> >[]; renderGraphicChild: ( element: any, displayName: string, index: number ) => any[]; renderCustomized: (element: any, displayName: string, index: number) => any; renderClipPath(): any; getXScales(): { [x: string]: Function | ScaleType }; getYScales(): { [x: string]: Function | ScaleType }; getXScaleByAxisId( axisId: string ): Function | import('../util/types').ScaleType; getYScaleByAxisId( axisId: string ): Function | import('../util/types').ScaleType; getItemByXY(chartXY: { x: number; y: number }): { graphicalItem: any; payload: any; }; renderMap: { CartesianGrid: { handler: (element: any) => any; once: boolean }; ReferenceArea: { handler: (element: any, displayName: string, index: number) => any; }; ReferenceLine: { handler: (element: any) => any }; ReferenceDot: { handler: (element: any, displayName: string, index: number) => any; }; XAxis: { handler: (element: any) => any }; YAxis: { handler: (element: any) => any }; Brush: { handler: (element: any) => any; once: boolean }; Bar: { handler: (element: any, displayName: string, index: number) => any[]; }; Line: { handler: (element: any, displayName: string, index: number) => any[]; }; Area: { handler: (element: any, displayName: string, index: number) => any[]; }; Radar: { handler: (element: any, displayName: string, index: number) => any[]; }; RadialBar: { handler: (element: any, displayName: string, index: number) => any[]; }; Scatter: { handler: (element: any, displayName: string, index: number) => any[]; }; Pie: { handler: (element: any, displayName: string, index: number) => any[]; }; Funnel: { handler: (element: any, displayName: string, index: number) => any[]; }; Tooltip: { handler: (element: any) => any; once: boolean }; PolarGrid: { handler: (element: any) => any; once: boolean }; PolarAngleAxis: { handler: (element: any, displayName: string, index: number) => any; }; PolarRadiusAxis: { handler: (element: any, displayName: string, index: number) => any; }; Customized: { handler: (element: any, displayName: string, index: number) => any; }; }; render(): any; context: any; setState<K extends keyof CategoricalChartState>( state: | CategoricalChartState | (( prevState: Readonly<import('./types').CategoricalChartState>, props: Readonly< import('./generateCategoricalChart').CategoricalChartProps > ) => CategoricalChartState | Pick<CategoricalChartState, K>) | Pick<CategoricalChartState, K>, callback?: () => void ): void; forceUpdate(callback?: () => void): void; readonly props: Readonly< import('./generateCategoricalChart').CategoricalChartProps > & Readonly<{ children?: import('react').ReactNode }>; state: Readonly<import('./types').CategoricalChartState>; refs: { [key: string]: any }; shouldComponentUpdate?( nextProps: Readonly< import('./generateCategoricalChart').CategoricalChartProps >, nextState: Readonly<import('./types').CategoricalChartState>, nextContext: any ): boolean; componentDidCatch?(error: Error, errorInfo: any): void; componentWillMount?(): void; UNSAFE_componentWillMount?(): void; componentWillReceiveProps?( nextProps: Readonly< import('./generateCategoricalChart').CategoricalChartProps >, nextContext: any ): void; UNSAFE_componentWillReceiveProps?( nextProps: Readonly< import('./generateCategoricalChart').CategoricalChartProps >, nextContext: any ): void; componentWillUpdate?( nextProps: Readonly< import('./generateCategoricalChart').CategoricalChartProps >, nextState: Readonly<import('./types').CategoricalChartState>, nextContext: any ): void; UNSAFE_componentWillUpdate?( nextProps: Readonly< import('./generateCategoricalChart').CategoricalChartProps >, nextState: Readonly<import('./types').CategoricalChartState>, nextContext: any ): void; }; displayName: string; defaultProps: import('./generateCategoricalChart').CategoricalChartProps; getDerivedStateFromProps: ( nextProps: import('./generateCategoricalChart').CategoricalChartProps, prevState: import('./types').CategoricalChartState ) => import('./types').CategoricalChartState; renderActiveDot: (option: any, props: any) => any; contextType?: any;};
variable Global
const Global: { isSsr: boolean; get: (key: 'isSsr') => boolean; set: (key: GlobalConfigKeys | GlobalConfig, value?: any) => void;};
variable Layer
const Layer: React.ForwardRefExoticComponent<any>;
variable LineChart
const LineChart: { new (props: import('./generateCategoricalChart').CategoricalChartProps): { readonly eventEmitterSymbol: Symbol; clipPathId: string; accessibilityManager: import('./AccessibilityManager').AccessibilityManager; throttleTriggeredAfterMouseMove: any; container?: HTMLElement; componentDidMount(): void; displayDefaultTooltip(): void; getSnapshotBeforeUpdate( prevProps: Readonly< import('./generateCategoricalChart').CategoricalChartProps >, prevState: Readonly<import('./types').CategoricalChartState> ): null; componentDidUpdate( prevProps: import('./generateCategoricalChart').CategoricalChartProps ): void; componentWillUnmount(): void; getTooltipEventType(): import('../util/types').TooltipEventType; getMouseInfo( event: import('./generateCategoricalChart').MousePointer ): | { xValue: any; yValue: any; chartX: number; chartY: number } | { activeTooltipIndex: number; activeLabel: any; activePayload: any[]; activeCoordinate: import('../util/types').ChartCoordinate; chartX: number; chartY: number; }; inRange(x: number, y: number, scale?: number): any; parseEventsOfWrapper(): any; addListener(): void; removeListener(): void; handleLegendBBoxUpdate: (box: DOMRect) => void; handleReceiveSyncEvent: ( cId: string | number, data: import('./types').CategoricalChartState, emitter: Symbol ) => void; handleBrushChange: ({ startIndex, endIndex, }: { startIndex: number; endIndex: number; }) => void; handleMouseEnter: (e: any) => void; triggeredAfterMouseMove: ( e: import('./generateCategoricalChart').MousePointer ) => any; handleItemMouseEnter: (el: any) => void; handleItemMouseLeave: () => void; handleMouseMove: ( e: import('./generateCategoricalChart').MousePointer & Partial< Omit< import('react').MouseEvent<Element, MouseEvent>, keyof import('./generateCategoricalChart').MousePointer > > ) => void; handleMouseLeave: (e: any) => void; handleOuterEvent: ( e: | import('react').MouseEvent<Element, MouseEvent> | import('react').TouchEvent<Element> ) => void; handleClick: (e: any) => void; handleMouseDown: ( e: | import('react').MouseEvent<Element, MouseEvent> | import('react').Touch ) => void; handleMouseUp: ( e: | import('react').MouseEvent<Element, MouseEvent> | import('react').Touch ) => void; handleTouchMove: (e: any) => void; handleTouchStart: (e: any) => void; handleTouchEnd: (e: any) => void; triggerSyncEvent: (data: import('./types').CategoricalChartState) => void; applySyncEvent: (data: import('./types').CategoricalChartState) => void; filterFormatItem(item: any, displayName: any, childIndex: any): any; renderCursor: (element: any) => any; renderPolarAxis: (element: any, displayName: string, index: number) => any; renderPolarGrid: (element: any) => any; renderLegend: () => import('react').ReactElement< any, string | import('react').JSXElementConstructor<any> >; renderTooltip: () => import('react').ReactElement< any, string | import('react').JSXElementConstructor<any> >; renderBrush: (element: any) => any; renderReferenceElement: ( element: any, displayName: string, index: number ) => any; renderActivePoints: ({ item, activePoint, basePoint, childIndex, isRange, }: any) => import('react').ReactElement< any, string | import('react').JSXElementConstructor<any> >[]; renderGraphicChild: ( element: any, displayName: string, index: number ) => any[]; renderCustomized: (element: any, displayName: string, index: number) => any; renderClipPath(): any; getXScales(): { [x: string]: Function | ScaleType }; getYScales(): { [x: string]: Function | ScaleType }; getXScaleByAxisId( axisId: string ): Function | import('../util/types').ScaleType; getYScaleByAxisId( axisId: string ): Function | import('../util/types').ScaleType; getItemByXY(chartXY: { x: number; y: number }): { graphicalItem: any; payload: any; }; renderMap: { CartesianGrid: { handler: (element: any) => any; once: boolean }; ReferenceArea: { handler: (element: any, displayName: string, index: number) => any; }; ReferenceLine: { handler: (element: any) => any }; ReferenceDot: { handler: (element: any, displayName: string, index: number) => any; }; XAxis: { handler: (element: any) => any }; YAxis: { handler: (element: any) => any }; Brush: { handler: (element: any) => any; once: boolean }; Bar: { handler: (element: any, displayName: string, index: number) => any[]; }; Line: { handler: (element: any, displayName: string, index: number) => any[]; }; Area: { handler: (element: any, displayName: string, index: number) => any[]; }; Radar: { handler: (element: any, displayName: string, index: number) => any[]; }; RadialBar: { handler: (element: any, displayName: string, index: number) => any[]; }; Scatter: { handler: (element: any, displayName: string, index: number) => any[]; }; Pie: { handler: (element: any, displayName: string, index: number) => any[]; }; Funnel: { handler: (element: any, displayName: string, index: number) => any[]; }; Tooltip: { handler: (element: any) => any; once: boolean }; PolarGrid: { handler: (element: any) => any; once: boolean }; PolarAngleAxis: { handler: (element: any, displayName: string, index: number) => any; }; PolarRadiusAxis: { handler: (element: any, displayName: string, index: number) => any; }; Customized: { handler: (element: any, displayName: string, index: number) => any; }; }; render(): any; context: any; setState<K extends keyof CategoricalChartState>( state: | CategoricalChartState | (( prevState: Readonly<import('./types').CategoricalChartState>, props: Readonly< import('./generateCategoricalChart').CategoricalChartProps > ) => CategoricalChartState | Pick<CategoricalChartState, K>) | Pick<CategoricalChartState, K>, callback?: () => void ): void; forceUpdate(callback?: () => void): void; readonly props: Readonly< import('./generateCategoricalChart').CategoricalChartProps > & Readonly<{ children?: import('react').ReactNode }>; state: Readonly<import('./types').CategoricalChartState>; refs: { [key: string]: any }; shouldComponentUpdate?( nextProps: Readonly< import('./generateCategoricalChart').CategoricalChartProps >, nextState: Readonly<import('./types').CategoricalChartState>, nextContext: any ): boolean; componentDidCatch?(error: Error, errorInfo: any): void; componentWillMount?(): void; UNSAFE_componentWillMount?(): void; componentWillReceiveProps?( nextProps: Readonly< import('./generateCategoricalChart').CategoricalChartProps >, nextContext: any ): void; UNSAFE_componentWillReceiveProps?( nextProps: Readonly< import('./generateCategoricalChart').CategoricalChartProps >, nextContext: any ): void; componentWillUpdate?( nextProps: Readonly< import('./generateCategoricalChart').CategoricalChartProps >, nextState: Readonly<import('./types').CategoricalChartState>, nextContext: any ): void; UNSAFE_componentWillUpdate?( nextProps: Readonly< import('./generateCategoricalChart').CategoricalChartProps >, nextState: Readonly<import('./types').CategoricalChartState>, nextContext: any ): void; }; displayName: string; defaultProps: import('./generateCategoricalChart').CategoricalChartProps; getDerivedStateFromProps: ( nextProps: import('./generateCategoricalChart').CategoricalChartProps, prevState: import('./types').CategoricalChartState ) => import('./types').CategoricalChartState; renderActiveDot: (option: any, props: any) => any; contextType?: any;};
variable PieChart
const PieChart: { new (props: import('./generateCategoricalChart').CategoricalChartProps): { readonly eventEmitterSymbol: Symbol; clipPathId: string; accessibilityManager: import('./AccessibilityManager').AccessibilityManager; throttleTriggeredAfterMouseMove: any; container?: HTMLElement; componentDidMount(): void; displayDefaultTooltip(): void; getSnapshotBeforeUpdate( prevProps: Readonly< import('./generateCategoricalChart').CategoricalChartProps >, prevState: Readonly<import('./types').CategoricalChartState> ): null; componentDidUpdate( prevProps: import('./generateCategoricalChart').CategoricalChartProps ): void; componentWillUnmount(): void; getTooltipEventType(): import('../util/types').TooltipEventType; getMouseInfo( event: import('./generateCategoricalChart').MousePointer ): | { xValue: any; yValue: any; chartX: number; chartY: number } | { activeTooltipIndex: number; activeLabel: any; activePayload: any[]; activeCoordinate: import('../util/types').ChartCoordinate; chartX: number; chartY: number; }; inRange(x: number, y: number, scale?: number): any; parseEventsOfWrapper(): any; addListener(): void; removeListener(): void; handleLegendBBoxUpdate: (box: DOMRect) => void; handleReceiveSyncEvent: ( cId: string | number, data: import('./types').CategoricalChartState, emitter: Symbol ) => void; handleBrushChange: ({ startIndex, endIndex, }: { startIndex: number; endIndex: number; }) => void; handleMouseEnter: (e: any) => void; triggeredAfterMouseMove: ( e: import('./generateCategoricalChart').MousePointer ) => any; handleItemMouseEnter: (el: any) => void; handleItemMouseLeave: () => void; handleMouseMove: ( e: import('./generateCategoricalChart').MousePointer & Partial< Omit< import('react').MouseEvent<Element, MouseEvent>, keyof import('./generateCategoricalChart').MousePointer > > ) => void; handleMouseLeave: (e: any) => void; handleOuterEvent: ( e: | import('react').MouseEvent<Element, MouseEvent> | import('react').TouchEvent<Element> ) => void; handleClick: (e: any) => void; handleMouseDown: ( e: | import('react').MouseEvent<Element, MouseEvent> | import('react').Touch ) => void; handleMouseUp: ( e: | import('react').MouseEvent<Element, MouseEvent> | import('react').Touch ) => void; handleTouchMove: (e: any) => void; handleTouchStart: (e: any) => void; handleTouchEnd: (e: any) => void; triggerSyncEvent: (data: import('./types').CategoricalChartState) => void; applySyncEvent: (data: import('./types').CategoricalChartState) => void; filterFormatItem(item: any, displayName: any, childIndex: any): any; renderCursor: (element: any) => any; renderPolarAxis: (element: any, displayName: string, index: number) => any; renderPolarGrid: (element: any) => any; renderLegend: () => import('react').ReactElement< any, string | import('react').JSXElementConstructor<any> >; renderTooltip: () => import('react').ReactElement< any, string | import('react').JSXElementConstructor<any> >; renderBrush: (element: any) => any; renderReferenceElement: ( element: any, displayName: string, index: number ) => any; renderActivePoints: ({ item, activePoint, basePoint, childIndex, isRange, }: any) => import('react').ReactElement< any, string | import('react').JSXElementConstructor<any> >[]; renderGraphicChild: ( element: any, displayName: string, index: number ) => any[]; renderCustomized: (element: any, displayName: string, index: number) => any; renderClipPath(): any; getXScales(): { [x: string]: Function | ScaleType }; getYScales(): { [x: string]: Function | ScaleType }; getXScaleByAxisId( axisId: string ): Function | import('../util/types').ScaleType; getYScaleByAxisId( axisId: string ): Function | import('../util/types').ScaleType; getItemByXY(chartXY: { x: number; y: number }): { graphicalItem: any; payload: any; }; renderMap: { CartesianGrid: { handler: (element: any) => any; once: boolean }; ReferenceArea: { handler: (element: any, displayName: string, index: number) => any; }; ReferenceLine: { handler: (element: any) => any }; ReferenceDot: { handler: (element: any, displayName: string, index: number) => any; }; XAxis: { handler: (element: any) => any }; YAxis: { handler: (element: any) => any }; Brush: { handler: (element: any) => any; once: boolean }; Bar: { handler: (element: any, displayName: string, index: number) => any[]; }; Line: { handler: (element: any, displayName: string, index: number) => any[]; }; Area: { handler: (element: any, displayName: string, index: number) => any[]; }; Radar: { handler: (element: any, displayName: string, index: number) => any[]; }; RadialBar: { handler: (element: any, displayName: string, index: number) => any[]; }; Scatter: { handler: (element: any, displayName: string, index: number) => any[]; }; Pie: { handler: (element: any, displayName: string, index: number) => any[]; }; Funnel: { handler: (element: any, displayName: string, index: number) => any[]; }; Tooltip: { handler: (element: any) => any; once: boolean }; PolarGrid: { handler: (element: any) => any; once: boolean }; PolarAngleAxis: { handler: (element: any, displayName: string, index: number) => any; }; PolarRadiusAxis: { handler: (element: any, displayName: string, index: number) => any; }; Customized: { handler: (element: any, displayName: string, index: number) => any; }; }; render(): any; context: any; setState<K extends keyof CategoricalChartState>( state: | CategoricalChartState | (( prevState: Readonly<import('./types').CategoricalChartState>, props: Readonly< import('./generateCategoricalChart').CategoricalChartProps > ) => CategoricalChartState | Pick<CategoricalChartState, K>) | Pick<CategoricalChartState, K>, callback?: () => void ): void; forceUpdate(callback?: () => void): void; readonly props: Readonly< import('./generateCategoricalChart').CategoricalChartProps > & Readonly<{ children?: import('react').ReactNode }>; state: Readonly<import('./types').CategoricalChartState>; refs: { [key: string]: any }; shouldComponentUpdate?( nextProps: Readonly< import('./generateCategoricalChart').CategoricalChartProps >, nextState: Readonly<import('./types').CategoricalChartState>, nextContext: any ): boolean; componentDidCatch?(error: Error, errorInfo: any): void; componentWillMount?(): void; UNSAFE_componentWillMount?(): void; componentWillReceiveProps?( nextProps: Readonly< import('./generateCategoricalChart').CategoricalChartProps >, nextContext: any ): void; UNSAFE_componentWillReceiveProps?( nextProps: Readonly< import('./generateCategoricalChart').CategoricalChartProps >, nextContext: any ): void; componentWillUpdate?( nextProps: Readonly< import('./generateCategoricalChart').CategoricalChartProps >, nextState: Readonly<import('./types').CategoricalChartState>, nextContext: any ): void; UNSAFE_componentWillUpdate?( nextProps: Readonly< import('./generateCategoricalChart').CategoricalChartProps >, nextState: Readonly<import('./types').CategoricalChartState>, nextContext: any ): void; }; displayName: string; defaultProps: import('./generateCategoricalChart').CategoricalChartProps; getDerivedStateFromProps: ( nextProps: import('./generateCategoricalChart').CategoricalChartProps, prevState: import('./types').CategoricalChartState ) => import('./types').CategoricalChartState; renderActiveDot: (option: any, props: any) => any; contextType?: any;};
variable PolarGrid
const PolarGrid: { ({ cx, cy, innerRadius, outerRadius, gridType, radialLines, ...props }: Props): React.JSX.Element; displayName: string;};
variable Polygon
const Polygon: React.FC<Props>;
variable RadarChart
const RadarChart: { new (props: import('./generateCategoricalChart').CategoricalChartProps): { readonly eventEmitterSymbol: Symbol; clipPathId: string; accessibilityManager: import('./AccessibilityManager').AccessibilityManager; throttleTriggeredAfterMouseMove: any; container?: HTMLElement; componentDidMount(): void; displayDefaultTooltip(): void; getSnapshotBeforeUpdate( prevProps: Readonly< import('./generateCategoricalChart').CategoricalChartProps >, prevState: Readonly<import('./types').CategoricalChartState> ): null; componentDidUpdate( prevProps: import('./generateCategoricalChart').CategoricalChartProps ): void; componentWillUnmount(): void; getTooltipEventType(): import('../util/types').TooltipEventType; getMouseInfo( event: import('./generateCategoricalChart').MousePointer ): | { xValue: any; yValue: any; chartX: number; chartY: number } | { activeTooltipIndex: number; activeLabel: any; activePayload: any[]; activeCoordinate: import('../util/types').ChartCoordinate; chartX: number; chartY: number; }; inRange(x: number, y: number, scale?: number): any; parseEventsOfWrapper(): any; addListener(): void; removeListener(): void; handleLegendBBoxUpdate: (box: DOMRect) => void; handleReceiveSyncEvent: ( cId: string | number, data: import('./types').CategoricalChartState, emitter: Symbol ) => void; handleBrushChange: ({ startIndex, endIndex, }: { startIndex: number; endIndex: number; }) => void; handleMouseEnter: (e: any) => void; triggeredAfterMouseMove: ( e: import('./generateCategoricalChart').MousePointer ) => any; handleItemMouseEnter: (el: any) => void; handleItemMouseLeave: () => void; handleMouseMove: ( e: import('./generateCategoricalChart').MousePointer & Partial< Omit< import('react').MouseEvent<Element, MouseEvent>, keyof import('./generateCategoricalChart').MousePointer > > ) => void; handleMouseLeave: (e: any) => void; handleOuterEvent: ( e: | import('react').MouseEvent<Element, MouseEvent> | import('react').TouchEvent<Element> ) => void; handleClick: (e: any) => void; handleMouseDown: ( e: | import('react').MouseEvent<Element, MouseEvent> | import('react').Touch ) => void; handleMouseUp: ( e: | import('react').MouseEvent<Element, MouseEvent> | import('react').Touch ) => void; handleTouchMove: (e: any) => void; handleTouchStart: (e: any) => void; handleTouchEnd: (e: any) => void; triggerSyncEvent: (data: import('./types').CategoricalChartState) => void; applySyncEvent: (data: import('./types').CategoricalChartState) => void; filterFormatItem(item: any, displayName: any, childIndex: any): any; renderCursor: (element: any) => any; renderPolarAxis: (element: any, displayName: string, index: number) => any; renderPolarGrid: (element: any) => any; renderLegend: () => import('react').ReactElement< any, string | import('react').JSXElementConstructor<any> >; renderTooltip: () => import('react').ReactElement< any, string | import('react').JSXElementConstructor<any> >; renderBrush: (element: any) => any; renderReferenceElement: ( element: any, displayName: string, index: number ) => any; renderActivePoints: ({ item, activePoint, basePoint, childIndex, isRange, }: any) => import('react').ReactElement< any, string | import('react').JSXElementConstructor<any> >[]; renderGraphicChild: ( element: any, displayName: string, index: number ) => any[]; renderCustomized: (element: any, displayName: string, index: number) => any; renderClipPath(): any; getXScales(): { [x: string]: Function | ScaleType }; getYScales(): { [x: string]: Function | ScaleType }; getXScaleByAxisId( axisId: string ): Function | import('../util/types').ScaleType; getYScaleByAxisId( axisId: string ): Function | import('../util/types').ScaleType; getItemByXY(chartXY: { x: number; y: number }): { graphicalItem: any; payload: any; }; renderMap: { CartesianGrid: { handler: (element: any) => any; once: boolean }; ReferenceArea: { handler: (element: any, displayName: string, index: number) => any; }; ReferenceLine: { handler: (element: any) => any }; ReferenceDot: { handler: (element: any, displayName: string, index: number) => any; }; XAxis: { handler: (element: any) => any }; YAxis: { handler: (element: any) => any }; Brush: { handler: (element: any) => any; once: boolean }; Bar: { handler: (element: any, displayName: string, index: number) => any[]; }; Line: { handler: (element: any, displayName: string, index: number) => any[]; }; Area: { handler: (element: any, displayName: string, index: number) => any[]; }; Radar: { handler: (element: any, displayName: string, index: number) => any[]; }; RadialBar: { handler: (element: any, displayName: string, index: number) => any[]; }; Scatter: { handler: (element: any, displayName: string, index: number) => any[]; }; Pie: { handler: (element: any, displayName: string, index: number) => any[]; }; Funnel: { handler: (element: any, displayName: string, index: number) => any[]; }; Tooltip: { handler: (element: any) => any; once: boolean }; PolarGrid: { handler: (element: any) => any; once: boolean }; PolarAngleAxis: { handler: (element: any, displayName: string, index: number) => any; }; PolarRadiusAxis: { handler: (element: any, displayName: string, index: number) => any; }; Customized: { handler: (element: any, displayName: string, index: number) => any; }; }; render(): any; context: any; setState<K extends keyof CategoricalChartState>( state: | CategoricalChartState | (( prevState: Readonly<import('./types').CategoricalChartState>, props: Readonly< import('./generateCategoricalChart').CategoricalChartProps > ) => CategoricalChartState | Pick<CategoricalChartState, K>) | Pick<CategoricalChartState, K>, callback?: () => void ): void; forceUpdate(callback?: () => void): void; readonly props: Readonly< import('./generateCategoricalChart').CategoricalChartProps > & Readonly<{ children?: import('react').ReactNode }>; state: Readonly<import('./types').CategoricalChartState>; refs: { [key: string]: any }; shouldComponentUpdate?( nextProps: Readonly< import('./generateCategoricalChart').CategoricalChartProps >, nextState: Readonly<import('./types').CategoricalChartState>, nextContext: any ): boolean; componentDidCatch?(error: Error, errorInfo: any): void; componentWillMount?(): void; UNSAFE_componentWillMount?(): void; componentWillReceiveProps?( nextProps: Readonly< import('./generateCategoricalChart').CategoricalChartProps >, nextContext: any ): void; UNSAFE_componentWillReceiveProps?( nextProps: Readonly< import('./generateCategoricalChart').CategoricalChartProps >, nextContext: any ): void; componentWillUpdate?( nextProps: Readonly< import('./generateCategoricalChart').CategoricalChartProps >, nextState: Readonly<import('./types').CategoricalChartState>, nextContext: any ): void; UNSAFE_componentWillUpdate?( nextProps: Readonly< import('./generateCategoricalChart').CategoricalChartProps >, nextState: Readonly<import('./types').CategoricalChartState>, nextContext: any ): void; }; displayName: string; defaultProps: import('./generateCategoricalChart').CategoricalChartProps; getDerivedStateFromProps: ( nextProps: import('./generateCategoricalChart').CategoricalChartProps, prevState: import('./types').CategoricalChartState ) => import('./types').CategoricalChartState; renderActiveDot: (option: any, props: any) => any; contextType?: any;};
variable RadialBarChart
const RadialBarChart: { new (props: import('./generateCategoricalChart').CategoricalChartProps): { readonly eventEmitterSymbol: Symbol; clipPathId: string; accessibilityManager: import('./AccessibilityManager').AccessibilityManager; throttleTriggeredAfterMouseMove: any; container?: HTMLElement; componentDidMount(): void; displayDefaultTooltip(): void; getSnapshotBeforeUpdate( prevProps: Readonly< import('./generateCategoricalChart').CategoricalChartProps >, prevState: Readonly<import('./types').CategoricalChartState> ): null; componentDidUpdate( prevProps: import('./generateCategoricalChart').CategoricalChartProps ): void; componentWillUnmount(): void; getTooltipEventType(): import('../util/types').TooltipEventType; getMouseInfo( event: import('./generateCategoricalChart').MousePointer ): | { xValue: any; yValue: any; chartX: number; chartY: number } | { activeTooltipIndex: number; activeLabel: any; activePayload: any[]; activeCoordinate: import('../util/types').ChartCoordinate; chartX: number; chartY: number; }; inRange(x: number, y: number, scale?: number): any; parseEventsOfWrapper(): any; addListener(): void; removeListener(): void; handleLegendBBoxUpdate: (box: DOMRect) => void; handleReceiveSyncEvent: ( cId: string | number, data: import('./types').CategoricalChartState, emitter: Symbol ) => void; handleBrushChange: ({ startIndex, endIndex, }: { startIndex: number; endIndex: number; }) => void; handleMouseEnter: (e: any) => void; triggeredAfterMouseMove: ( e: import('./generateCategoricalChart').MousePointer ) => any; handleItemMouseEnter: (el: any) => void; handleItemMouseLeave: () => void; handleMouseMove: ( e: import('./generateCategoricalChart').MousePointer & Partial< Omit< import('react').MouseEvent<Element, MouseEvent>, keyof import('./generateCategoricalChart').MousePointer > > ) => void; handleMouseLeave: (e: any) => void; handleOuterEvent: ( e: | import('react').MouseEvent<Element, MouseEvent> | import('react').TouchEvent<Element> ) => void; handleClick: (e: any) => void; handleMouseDown: ( e: | import('react').MouseEvent<Element, MouseEvent> | import('react').Touch ) => void; handleMouseUp: ( e: | import('react').MouseEvent<Element, MouseEvent> | import('react').Touch ) => void; handleTouchMove: (e: any) => void; handleTouchStart: (e: any) => void; handleTouchEnd: (e: any) => void; triggerSyncEvent: (data: import('./types').CategoricalChartState) => void; applySyncEvent: (data: import('./types').CategoricalChartState) => void; filterFormatItem(item: any, displayName: any, childIndex: any): any; renderCursor: (element: any) => any; renderPolarAxis: (element: any, displayName: string, index: number) => any; renderPolarGrid: (element: any) => any; renderLegend: () => import('react').ReactElement< any, string | import('react').JSXElementConstructor<any> >; renderTooltip: () => import('react').ReactElement< any, string | import('react').JSXElementConstructor<any> >; renderBrush: (element: any) => any; renderReferenceElement: ( element: any, displayName: string, index: number ) => any; renderActivePoints: ({ item, activePoint, basePoint, childIndex, isRange, }: any) => import('react').ReactElement< any, string | import('react').JSXElementConstructor<any> >[]; renderGraphicChild: ( element: any, displayName: string, index: number ) => any[]; renderCustomized: (element: any, displayName: string, index: number) => any; renderClipPath(): any; getXScales(): { [x: string]: Function | ScaleType }; getYScales(): { [x: string]: Function | ScaleType }; getXScaleByAxisId( axisId: string ): Function | import('../util/types').ScaleType; getYScaleByAxisId( axisId: string ): Function | import('../util/types').ScaleType; getItemByXY(chartXY: { x: number; y: number }): { graphicalItem: any; payload: any; }; renderMap: { CartesianGrid: { handler: (element: any) => any; once: boolean }; ReferenceArea: { handler: (element: any, displayName: string, index: number) => any; }; ReferenceLine: { handler: (element: any) => any }; ReferenceDot: { handler: (element: any, displayName: string, index: number) => any; }; XAxis: { handler: (element: any) => any }; YAxis: { handler: (element: any) => any }; Brush: { handler: (element: any) => any; once: boolean }; Bar: { handler: (element: any, displayName: string, index: number) => any[]; }; Line: { handler: (element: any, displayName: string, index: number) => any[]; }; Area: { handler: (element: any, displayName: string, index: number) => any[]; }; Radar: { handler: (element: any, displayName: string, index: number) => any[]; }; RadialBar: { handler: (element: any, displayName: string, index: number) => any[]; }; Scatter: { handler: (element: any, displayName: string, index: number) => any[]; }; Pie: { handler: (element: any, displayName: string, index: number) => any[]; }; Funnel: { handler: (element: any, displayName: string, index: number) => any[]; }; Tooltip: { handler: (element: any) => any; once: boolean }; PolarGrid: { handler: (element: any) => any; once: boolean }; PolarAngleAxis: { handler: (element: any, displayName: string, index: number) => any; }; PolarRadiusAxis: { handler: (element: any, displayName: string, index: number) => any; }; Customized: { handler: (element: any, displayName: string, index: number) => any; }; }; render(): any; context: any; setState<K extends keyof CategoricalChartState>( state: | CategoricalChartState | (( prevState: Readonly<import('./types').CategoricalChartState>, props: Readonly< import('./generateCategoricalChart').CategoricalChartProps > ) => CategoricalChartState | Pick<CategoricalChartState, K>) | Pick<CategoricalChartState, K>, callback?: () => void ): void; forceUpdate(callback?: () => void): void; readonly props: Readonly< import('./generateCategoricalChart').CategoricalChartProps > & Readonly<{ children?: import('react').ReactNode }>; state: Readonly<import('./types').CategoricalChartState>; refs: { [key: string]: any }; shouldComponentUpdate?( nextProps: Readonly< import('./generateCategoricalChart').CategoricalChartProps >, nextState: Readonly<import('./types').CategoricalChartState>, nextContext: any ): boolean; componentDidCatch?(error: Error, errorInfo: any): void; componentWillMount?(): void; UNSAFE_componentWillMount?(): void; componentWillReceiveProps?( nextProps: Readonly< import('./generateCategoricalChart').CategoricalChartProps >, nextContext: any ): void; UNSAFE_componentWillReceiveProps?( nextProps: Readonly< import('./generateCategoricalChart').CategoricalChartProps >, nextContext: any ): void; componentWillUpdate?( nextProps: Readonly< import('./generateCategoricalChart').CategoricalChartProps >, nextState: Readonly<import('./types').CategoricalChartState>, nextContext: any ): void; UNSAFE_componentWillUpdate?( nextProps: Readonly< import('./generateCategoricalChart').CategoricalChartProps >, nextState: Readonly<import('./types').CategoricalChartState>, nextContext: any ): void; }; displayName: string; defaultProps: import('./generateCategoricalChart').CategoricalChartProps; getDerivedStateFromProps: ( nextProps: import('./generateCategoricalChart').CategoricalChartProps, prevState: import('./types').CategoricalChartState ) => import('./types').CategoricalChartState; renderActiveDot: (option: any, props: any) => any; contextType?: any;};
variable Rectangle
const Rectangle: React.FC<Props>;
variable ResponsiveContainer
const ResponsiveContainer: React.ForwardRefExoticComponent<any>;
variable ScatterChart
const ScatterChart: { new (props: import('./generateCategoricalChart').CategoricalChartProps): { readonly eventEmitterSymbol: Symbol; clipPathId: string; accessibilityManager: import('./AccessibilityManager').AccessibilityManager; throttleTriggeredAfterMouseMove: any; container?: HTMLElement; componentDidMount(): void; displayDefaultTooltip(): void; getSnapshotBeforeUpdate( prevProps: Readonly< import('./generateCategoricalChart').CategoricalChartProps >, prevState: Readonly<import('./types').CategoricalChartState> ): null; componentDidUpdate( prevProps: import('./generateCategoricalChart').CategoricalChartProps ): void; componentWillUnmount(): void; getTooltipEventType(): import('../util/types').TooltipEventType; getMouseInfo( event: import('./generateCategoricalChart').MousePointer ): | { xValue: any; yValue: any; chartX: number; chartY: number } | { activeTooltipIndex: number; activeLabel: any; activePayload: any[]; activeCoordinate: import('../util/types').ChartCoordinate; chartX: number; chartY: number; }; inRange(x: number, y: number, scale?: number): any; parseEventsOfWrapper(): any; addListener(): void; removeListener(): void; handleLegendBBoxUpdate: (box: DOMRect) => void; handleReceiveSyncEvent: ( cId: string | number, data: import('./types').CategoricalChartState, emitter: Symbol ) => void; handleBrushChange: ({ startIndex, endIndex, }: { startIndex: number; endIndex: number; }) => void; handleMouseEnter: (e: any) => void; triggeredAfterMouseMove: ( e: import('./generateCategoricalChart').MousePointer ) => any; handleItemMouseEnter: (el: any) => void; handleItemMouseLeave: () => void; handleMouseMove: ( e: import('./generateCategoricalChart').MousePointer & Partial< Omit< import('react').MouseEvent<Element, MouseEvent>, keyof import('./generateCategoricalChart').MousePointer > > ) => void; handleMouseLeave: (e: any) => void; handleOuterEvent: ( e: | import('react').MouseEvent<Element, MouseEvent> | import('react').TouchEvent<Element> ) => void; handleClick: (e: any) => void; handleMouseDown: ( e: | import('react').MouseEvent<Element, MouseEvent> | import('react').Touch ) => void; handleMouseUp: ( e: | import('react').MouseEvent<Element, MouseEvent> | import('react').Touch ) => void; handleTouchMove: (e: any) => void; handleTouchStart: (e: any) => void; handleTouchEnd: (e: any) => void; triggerSyncEvent: (data: import('./types').CategoricalChartState) => void; applySyncEvent: (data: import('./types').CategoricalChartState) => void; filterFormatItem(item: any, displayName: any, childIndex: any): any; renderCursor: (element: any) => any; renderPolarAxis: (element: any, displayName: string, index: number) => any; renderPolarGrid: (element: any) => any; renderLegend: () => import('react').ReactElement< any, string | import('react').JSXElementConstructor<any> >; renderTooltip: () => import('react').ReactElement< any, string | import('react').JSXElementConstructor<any> >; renderBrush: (element: any) => any; renderReferenceElement: ( element: any, displayName: string, index: number ) => any; renderActivePoints: ({ item, activePoint, basePoint, childIndex, isRange, }: any) => import('react').ReactElement< any, string | import('react').JSXElementConstructor<any> >[]; renderGraphicChild: ( element: any, displayName: string, index: number ) => any[]; renderCustomized: (element: any, displayName: string, index: number) => any; renderClipPath(): any; getXScales(): { [x: string]: Function | ScaleType }; getYScales(): { [x: string]: Function | ScaleType }; getXScaleByAxisId( axisId: string ): Function | import('../util/types').ScaleType; getYScaleByAxisId( axisId: string ): Function | import('../util/types').ScaleType; getItemByXY(chartXY: { x: number; y: number }): { graphicalItem: any; payload: any; }; renderMap: { CartesianGrid: { handler: (element: any) => any; once: boolean }; ReferenceArea: { handler: (element: any, displayName: string, index: number) => any; }; ReferenceLine: { handler: (element: any) => any }; ReferenceDot: { handler: (element: any, displayName: string, index: number) => any; }; XAxis: { handler: (element: any) => any }; YAxis: { handler: (element: any) => any }; Brush: { handler: (element: any) => any; once: boolean }; Bar: { handler: (element: any, displayName: string, index: number) => any[]; }; Line: { handler: (element: any, displayName: string, index: number) => any[]; }; Area: { handler: (element: any, displayName: string, index: number) => any[]; }; Radar: { handler: (element: any, displayName: string, index: number) => any[]; }; RadialBar: { handler: (element: any, displayName: string, index: number) => any[]; }; Scatter: { handler: (element: any, displayName: string, index: number) => any[]; }; Pie: { handler: (element: any, displayName: string, index: number) => any[]; }; Funnel: { handler: (element: any, displayName: string, index: number) => any[]; }; Tooltip: { handler: (element: any) => any; once: boolean }; PolarGrid: { handler: (element: any) => any; once: boolean }; PolarAngleAxis: { handler: (element: any, displayName: string, index: number) => any; }; PolarRadiusAxis: { handler: (element: any, displayName: string, index: number) => any; }; Customized: { handler: (element: any, displayName: string, index: number) => any; }; }; render(): any; context: any; setState<K extends keyof CategoricalChartState>( state: | CategoricalChartState | (( prevState: Readonly<import('./types').CategoricalChartState>, props: Readonly< import('./generateCategoricalChart').CategoricalChartProps > ) => CategoricalChartState | Pick<CategoricalChartState, K>) | Pick<CategoricalChartState, K>, callback?: () => void ): void; forceUpdate(callback?: () => void): void; readonly props: Readonly< import('./generateCategoricalChart').CategoricalChartProps > & Readonly<{ children?: import('react').ReactNode }>; state: Readonly<import('./types').CategoricalChartState>; refs: { [key: string]: any }; shouldComponentUpdate?( nextProps: Readonly< import('./generateCategoricalChart').CategoricalChartProps >, nextState: Readonly<import('./types').CategoricalChartState>, nextContext: any ): boolean; componentDidCatch?(error: Error, errorInfo: any): void; componentWillMount?(): void; UNSAFE_componentWillMount?(): void; componentWillReceiveProps?( nextProps: Readonly< import('./generateCategoricalChart').CategoricalChartProps >, nextContext: any ): void; UNSAFE_componentWillReceiveProps?( nextProps: Readonly< import('./generateCategoricalChart').CategoricalChartProps >, nextContext: any ): void; componentWillUpdate?( nextProps: Readonly< import('./generateCategoricalChart').CategoricalChartProps >, nextState: Readonly<import('./types').CategoricalChartState>, nextContext: any ): void; UNSAFE_componentWillUpdate?( nextProps: Readonly< import('./generateCategoricalChart').CategoricalChartProps >, nextState: Readonly<import('./types').CategoricalChartState>, nextContext: any ): void; }; displayName: string; defaultProps: import('./generateCategoricalChart').CategoricalChartProps; getDerivedStateFromProps: ( nextProps: import('./generateCategoricalChart').CategoricalChartProps, prevState: import('./types').CategoricalChartState ) => import('./types').CategoricalChartState; renderActiveDot: (option: any, props: any) => any; contextType?: any;};
variable Sector
const Sector: React.FC<any>;
variable Symbols
const Symbols: { ({ type, size, sizeType, ...rest }: SymbolsProps): React.JSX.Element; registerSymbol: (key: string, factory: D3SymbolType) => void;};
variable Trapezoid
const Trapezoid: React.FC<any>;
variable XAxis
const XAxis: FunctionComponent<Props>;
variable YAxis
const YAxis: FunctionComponent<Props>;
variable ZAxis
const ZAxis: FunctionComponent<Props>;
Functions
function CartesianGrid
CartesianGrid: typeof CartesianGrid;
function Customized
Customized: typeof Customized;
function DefaultTooltipContent
DefaultTooltipContent: <TValue extends ValueType, TName extends NameType>( props: Props<TValue, TName>) => React.JSX.Element;
function ErrorBar
ErrorBar: typeof ErrorBar;
function Label
Label: typeof Label;
function LabelList
LabelList: typeof LabelList;
function ReferenceArea
ReferenceArea: typeof ReferenceArea;
function ReferenceDot
ReferenceDot: typeof ReferenceDot;
function ReferenceLine
ReferenceLine: typeof ReferenceLine;
function SunburstChart
SunburstChart: ({ className, data, children, width, height, padding, dataKey, ringPadding, innerRadius, fill, stroke, textOptions, outerRadius, cx, cy, startAngle, endAngle, onClick, onMouseEnter, onMouseLeave,}: SunburstChartProps) => React.JSX.Element;
function Surface
Surface: (props: Props) => React.JSX.Element;
function Text
Text: ({ x: propsX, y: propsY, lineHeight, capHeight, scaleToFit, textAnchor, verticalAnchor, fill, ...props}: Props) => React.JSX.Element;
Classes
class Area
class Area extends PureComponent<Props, State> {}
property defaultProps
static defaultProps: { stroke: string; fill: string; fillOpacity: number; xAxisId: number; yAxisId: number; legendType: string; connectNulls: boolean; points: AreaPointItem[]; dot: boolean; activeDot: boolean; hide: boolean; isAnimationActive: boolean; animationBegin: number; animationDuration: number; animationEasing: string;};
property displayName
static displayName: string;
property getBaseValue
static getBaseValue: ( props: Props, item: Area, xAxis: Props['xAxis'], yAxis: Props['yAxis']) => number;
property getComposedData
static getComposedData: ({ props, item, xAxis, yAxis, xAxisTicks, yAxisTicks, bandSize, dataKey, stackedData, dataStartIndex, displayedData, offset,}: { props: Props; item: Area; bandSize: number; xAxis: InternalAreaProps['xAxis']; yAxis: InternalAreaProps['yAxis']; xAxisTicks: TickItem[]; yAxisTicks: TickItem[]; stackedData: number[][]; dataStartIndex: number; offset: ChartOffset; displayedData: any[]; dataKey: Props['dataKey'];}) => { top?: number; bottom?: number; left?: number; right?: number; width?: number; height?: number; brushBottom?: number; points: { x: number; y: number; value: any[]; payload: any }[]; baseLine: number | { x: number; y: number }[]; layout: 'horizontal' | 'vertical'; isRange: boolean;};
property handleAnimationEnd
handleAnimationEnd: () => void;
property handleAnimationStart
handleAnimationStart: () => void;
property id
id: string;
property renderDotItem
static renderDotItem: (option: AreaDot, props: any) => React.JSX.Element;
property state
state: State;
method getDerivedStateFromProps
static getDerivedStateFromProps: (nextProps: Props, prevState: State) => State;
method render
render: () => React.JSX.Element;
method renderArea
renderArea: (needClip: boolean, clipPathId: string) => React.JSX.Element;
method renderAreaStatically
renderAreaStatically: ( points: AreaPointItem[], baseLine: Props['baseLine'], needClip: boolean, clipPathId: string) => React.JSX.Element;
method renderAreaWithAnimation
renderAreaWithAnimation: ( needClip: boolean, clipPathId: string) => React.JSX.Element;
method renderClipRect
renderClipRect: (alpha: number) => React.JSX.Element;
method renderDots
renderDots: ( needClip: boolean, clipDot: boolean, clipPathId: string) => React.JSX.Element;
method renderHorizontalRect
renderHorizontalRect: (alpha: number) => React.JSX.Element;
method renderVerticalRect
renderVerticalRect: (alpha: number) => React.JSX.Element;
class Bar
class Bar extends PureComponent<Props, State> {}
property defaultProps
static defaultProps: { xAxisId: number; yAxisId: number; legendType: string; minPointSize: number; hide: boolean; data: BarRectangleItem[]; layout: string; activeBar: boolean; isAnimationActive: boolean; animationBegin: number; animationDuration: number; animationEasing: string;};
property displayName
static displayName: string;
property getComposedData
static getComposedData: ({ props, item, barPosition, bandSize, xAxis, yAxis, xAxisTicks, yAxisTicks, stackedData, dataStartIndex, displayedData, offset,}: { props: Props; item: ReactElement; barPosition: any; bandSize: number; xAxis: InternalBarProps['xAxis']; yAxis: InternalBarProps['yAxis']; xAxisTicks: TickItem[]; yAxisTicks: TickItem[]; stackedData: Array<[number, number]>; dataStartIndex: number; offset: ChartOffset; displayedData: any[];}) => { top?: number; bottom?: number; left?: number; right?: number; width?: number; height?: number; brushBottom?: number; data: any[]; layout: 'horizontal' | 'vertical';};
property handleAnimationEnd
handleAnimationEnd: () => void;
property handleAnimationStart
handleAnimationStart: () => void;
property id
id: string;
property state
state: State;
method getDerivedStateFromProps
static getDerivedStateFromProps: (nextProps: Props, prevState: State) => State;
method render
render: () => React.JSX.Element;
method renderBackground
renderBackground: () => React.JSX.Element[];
method renderErrorBar
renderErrorBar: (needClip: boolean, clipPathId: string) => React.JSX.Element;
method renderRectangles
renderRectangles: () => React.JSX.Element | React.JSX.Element[];
method renderRectanglesStatically
renderRectanglesStatically: (data: BarRectangleItem[]) => React.JSX.Element[];
method renderRectanglesWithAnimation
renderRectanglesWithAnimation: () => React.JSX.Element;
class Brush
class Brush extends PureComponent<Props, State> {}
constructor
constructor(props: Props);
property defaultProps
static defaultProps: { height: number; travellerWidth: number; gap: number; fill: string; stroke: string; padding: { top: number; right: number; bottom: number; left: number }; leaveTimeOut: number; alwaysShowText: boolean;};
property displayName
static displayName: string;
property handleDrag
handleDrag: ( e: React.Touch | React.MouseEvent<SVGGElement> | MouseEvent) => void;
property handleDragEnd
handleDragEnd: () => void;
property handleEnterSlideOrTraveller
handleEnterSlideOrTraveller: () => void;
property handleLeaveSlideOrTraveller
handleLeaveSlideOrTraveller: () => void;
property handleLeaveWrapper
handleLeaveWrapper: () => void;
property handleSlideDragStart
handleSlideDragStart: ( e: TouchEvent<SVGRectElement> | React.MouseEvent<SVGRectElement>) => void;
property handleTouchMove
handleTouchMove: (e: TouchEvent<SVGGElement>) => void;
property leaveTimer
leaveTimer?: number;
property travellerDragStartHandlers
travellerDragStartHandlers?: Record< BrushTravellerId, (event: React.MouseEvent<SVGGElement> | TouchEvent<SVGGElement>) => void>;
method attachDragEndListener
attachDragEndListener: () => void;
method componentWillUnmount
componentWillUnmount: () => void;
method detachDragEndListener
detachDragEndListener: () => void;
method getDerivedStateFromProps
static getDerivedStateFromProps: (nextProps: Props, prevState: State) => State;
method getIndex
getIndex: ({ startX, endX }: { startX: number; endX: number }) => { startIndex: number; endIndex: number;};
method getIndexInRange
static getIndexInRange: (valueRange: number[], x: number) => number;
method getTextOfTick
getTextOfTick: (index: number) => any;
method handleSlideDrag
handleSlideDrag: ( e: React.Touch | React.MouseEvent<SVGGElement> | MouseEvent) => void;
method handleTravellerDragStart
handleTravellerDragStart: ( id: BrushTravellerId, e: React.MouseEvent<SVGGElement> | TouchEvent<SVGGElement>) => void;
method handleTravellerMove
handleTravellerMove: ( e: React.Touch | React.MouseEvent<SVGGElement> | MouseEvent) => void;
method handleTravellerMoveKeyboard
handleTravellerMoveKeyboard: (direction: 1 | -1, id: BrushTravellerId) => void;
method render
render: () => React.JSX.Element;
method renderBackground
renderBackground: () => React.JSX.Element;
method renderDefaultTraveller
static renderDefaultTraveller: (props: any) => React.JSX.Element;
method renderPanorama
renderPanorama: () => React.ReactElement<any, any>;
method renderSlide
renderSlide: (startX: number, endX: number) => React.JSX.Element;
method renderText
renderText: () => React.JSX.Element;
method renderTraveller
static renderTraveller: ( option: BrushTravellerType, props: any) => React.JSX.Element;
method renderTravellerLayer
renderTravellerLayer: ( travellerX: number, id: BrushTravellerId) => React.JSX.Element;
class CartesianAxis
class CartesianAxis extends Component<Props, IState> {}
constructor
constructor(props: Props);
property defaultProps
static defaultProps: { x: number; y: number; width: number; height: number; viewBox: { x: number; y: number; width: number; height: number }; orientation: string; ticks: CartesianTickItem[]; stroke: string; tickLine: boolean; axisLine: boolean; tick: boolean; mirror: boolean; minTickGap: number; tickSize: number; tickMargin: number; interval: string;};
property displayName
static displayName: string;
method componentDidMount
componentDidMount: () => void;
method getTickLineCoord
getTickLineCoord: (data: CartesianTickItem) => { line: { x1: number; y1: number; x2: number; y2: number }; tick: { x: number; y: number };};
method getTickTextAnchor
getTickTextAnchor: () => string;
method getTickVerticalAnchor
getTickVerticalAnchor: () => string;
method render
render: () => React.JSX.Element;
method renderAxisLine
renderAxisLine: () => React.JSX.Element;
method renderTickItem
static renderTickItem: ( option: Props['tick'], props: any, value: ReactNode) => React.JSX.Element;
method renderTicks
renderTicks: ( ticks: CartesianTickItem[], fontSize: string, letterSpacing: string) => React.JSX.Element;
method shouldComponentUpdate
shouldComponentUpdate: ( { viewBox, ...restProps }: Props, nextState: IState) => boolean;
class DefaultLegendContent
class DefaultLegendContent extends PureComponent<Props> {}
property defaultProps
static defaultProps: { iconSize: number; layout: string; align: string; verticalAlign: string; inactiveColor: string;};
property displayName
static displayName: string;
method render
render: () => React.JSX.Element;
method renderIcon
renderIcon: (data: Payload) => React.JSX.Element;
method renderItems
renderItems: () => React.JSX.Element[];
class Funnel
class Funnel extends PureComponent<FunnelProps, State> {}
property defaultProps
static defaultProps: { stroke: string; fill: string; legendType: string; labelLine: boolean; hide: boolean; isAnimationActive: boolean; animationBegin: number; animationDuration: number; animationEasing: string; nameKey: string; lastShapeType: string;};
property displayName
static displayName: string;
property getComposedData
static getComposedData: ({ item, offset,}: { item: Funnel; offset: ChartOffset;}) => { trapezoids: { payload: any; parentViewBox: { x: number; y: number; width: number; height: number }; labelViewBox: { x: number; y: number; width: number; height: number }; x: number; y: number; width: number; upperWidth: number; lowerWidth: number; height: number; name: any; val: any; tooltipPayload: { name: any; value: any; payload: any; dataKey: DataKey<any>; type: 'none'; }[]; tooltipPosition: { x: number; y: number }; }[]; data: any[];};
property getRealFunnelData
static getRealFunnelData: (item: Funnel) => any[];
property getRealWidthHeight
static getRealWidthHeight: ( item: Funnel, offset: ChartOffset) => { realWidth: number; realHeight: number; offsetX: number; offsetY: number };
property handleAnimationEnd
handleAnimationEnd: () => void;
property handleAnimationStart
handleAnimationStart: () => void;
property state
state: State;
method getDerivedStateFromProps
static getDerivedStateFromProps: ( nextProps: FunnelProps, prevState: State) => State;
method isActiveIndex
isActiveIndex: (i: number) => boolean;
method render
render: () => React.JSX.Element;
method renderTrapezoids
renderTrapezoids: () => React.JSX.Element | React.JSX.Element[];
method renderTrapezoidsStatically
renderTrapezoidsStatically: ( trapezoids: FunnelTrapezoidItem[]) => React.JSX.Element[];
method renderTrapezoidsWithAnimation
renderTrapezoidsWithAnimation: () => React.JSX.Element;
class Legend
class Legend extends PureComponent<Props, State> {}
property defaultProps
static defaultProps: { iconSize: number; layout: string; align: string; verticalAlign: string;};
property displayName
static displayName: string;
property lastBoundingBox
lastBoundingBox: { width: number; height: number };
method componentDidMount
componentDidMount: () => void;
method componentDidUpdate
componentDidUpdate: () => void;
method getBBox
getBBox: () => DOMRect;
method getWithHeight
static getWithHeight: ( item: { props: { layout?: LayoutType; height?: number; width?: number } }, chartWidth: number) => null | { height: number } | { width: number };
method render
render: () => React.JSX.Element;
class Line
class Line extends PureComponent<Props, State> {}
property defaultProps
static defaultProps: { xAxisId: number; yAxisId: number; connectNulls: boolean; activeDot: boolean; dot: boolean; legendType: string; stroke: string; strokeWidth: number; fill: string; points: LinePointItem[]; isAnimationActive: boolean; animateNewValues: boolean; animationBegin: number; animationDuration: number; animationEasing: string; hide: boolean; label: boolean;};
property displayName
static displayName: string;
property generateSimpleStrokeDasharray
generateSimpleStrokeDasharray: (totalLength: number, length: number) => string;
property getComposedData
static getComposedData: ({ props, xAxis, yAxis, xAxisTicks, yAxisTicks, dataKey, bandSize, displayedData, offset,}: { props: Props; xAxis: Props['xAxis']; yAxis: Props['yAxis']; xAxisTicks: TickItem[]; yAxisTicks: TickItem[]; dataKey: Props['dataKey']; bandSize: number; displayedData: any[]; offset: ChartOffset;}) => { top?: number; bottom?: number; left?: number; right?: number; width?: number; height?: number; brushBottom?: number; points: { x: number; y: number; value: any; payload: any }[]; layout: 'horizontal' | 'vertical';};
property getStrokeDasharray
getStrokeDasharray: ( length: number, totalLength: number, lines: number[]) => string;
property handleAnimationEnd
handleAnimationEnd: () => void;
property handleAnimationStart
handleAnimationStart: () => void;
property id
id: string;
property mainCurve
mainCurve?: SVGPathElement;
property pathRef
pathRef: (node: SVGPathElement) => void;
property state
state: State;
method componentDidMount
componentDidMount: () => void;
method componentDidUpdate
componentDidUpdate: () => void;
method getDerivedStateFromProps
static getDerivedStateFromProps: (nextProps: Props, prevState: State) => State;
method getTotalLength
getTotalLength: () => number;
method render
render: () => React.JSX.Element;
method renderCurve
renderCurve: (needClip: boolean, clipPathId: string) => React.JSX.Element;
method renderCurveStatically
renderCurveStatically: ( points: LinePointItem[], needClip: boolean, clipPathId: string, props?: { strokeDasharray: string }) => React.JSX.Element;
method renderCurveWithAnimation
renderCurveWithAnimation: ( needClip: boolean, clipPathId: string) => React.JSX.Element;
method renderDotItem
static renderDotItem: (option: LineDot, props: any) => React.JSX.Element;
method renderDots
renderDots: ( needClip: boolean, clipDot: boolean, clipPathId: string) => React.JSX.Element;
method renderErrorBar
renderErrorBar: (needClip: boolean, clipPathId: string) => React.JSX.Element;
method repeat
static repeat: (lines: number[], count: number) => number[];
class Pie
class Pie extends PureComponent<Props, State> {}
constructor
constructor(props: any);
property defaultProps
static defaultProps: { stroke: string; fill: string; legendType: string; cx: string; cy: string; startAngle: number; endAngle: number; innerRadius: number; outerRadius: string; paddingAngle: number; labelLine: boolean; hide: boolean; minAngle: number; isAnimationActive: boolean; animationBegin: number; animationDuration: number; animationEasing: string; nameKey: string; blendStroke: boolean; rootTabIndex: number;};
property displayName
static displayName: string;
property getComposedData
static getComposedData: ({ item, offset,}: { item: Pie; offset: ChartOffset;}) => Omit<Props, 'dataKey'>;
property getRealPieData
static getRealPieData: (item: Pie) => any[];
property handleAnimationEnd
handleAnimationEnd: () => void;
property handleAnimationStart
handleAnimationStart: () => void;
property id
id: string;
property parseCoordinateOfPie
static parseCoordinateOfPie: ( item: Pie, offset: ChartOffset) => { cx: number; cy: number; innerRadius: number; outerRadius: number; maxRadius: number;};
property parseDeltaAngle
static parseDeltaAngle: (startAngle: number, endAngle: number) => number;
property pieRef
pieRef: HTMLElement;
property sectorRefs
sectorRefs: HTMLElement[];
property state
state: State;
method attachKeyboardHandlers
attachKeyboardHandlers: (pieRef: HTMLElement) => void;
method componentDidMount
componentDidMount: () => void;
method getDerivedStateFromProps
static getDerivedStateFromProps: (nextProps: Props, prevState: State) => State;
method getTextAnchor
static getTextAnchor: (x: number, cx: number) => 'middle' | 'start' | 'end';
method hasActiveIndex
hasActiveIndex: () => number | boolean;
method isActiveIndex
isActiveIndex: (i: number) => boolean;
method render
render: () => React.JSX.Element;
method renderLabelItem
static renderLabelItem: ( option: PieLabel, props: any, value: any) => React.JSX.Element;
method renderLabelLineItem
static renderLabelLineItem: ( option: PieLabelLine, props: any) => React.JSX.Element;
method renderLabels
renderLabels: (sectors: PieSectorDataItem[]) => React.JSX.Element;
method renderSectors
renderSectors: () => React.JSX.Element | React.JSX.Element[];
method renderSectorsStatically
renderSectorsStatically: (sectors: PieSectorDataItem[]) => React.JSX.Element[];
method renderSectorsWithAnimation
renderSectorsWithAnimation: () => React.JSX.Element;
class PolarAngleAxis
class PolarAngleAxis extends PureComponent<Props> {}
property axisType
static axisType: string;
property defaultProps
static defaultProps: { type: string; angleAxisId: number; scale: string; cx: number; cy: number; orientation: string; axisLine: boolean; tickLine: boolean; tickSize: number; tick: boolean; hide: boolean; allowDuplicatedCategory: boolean;};
property displayName
static displayName: string;
method getTickLineCoord
getTickLineCoord: (data: TickItem) => { x1: number; y1: number; x2: number; y2: number;};
method getTickTextAnchor
getTickTextAnchor: (data: TickItem) => string;
method render
render: () => React.JSX.Element;
method renderAxisLine
renderAxisLine: () => React.JSX.Element;
method renderTickItem
static renderTickItem: ( option: PolarAngleAxisProps['tick'], props: any, value: string | number) => React.JSX.Element;
method renderTicks
renderTicks: () => React.JSX.Element;
class PolarRadiusAxis
class PolarRadiusAxis extends PureComponent<Props> {}
property axisType
static axisType: string;
property defaultProps
static defaultProps: { type: string; radiusAxisId: number; cx: number; cy: number; angle: number; orientation: string; stroke: string; axisLine: boolean; tick: boolean; tickCount: number; allowDataOverflow: boolean; scale: string; allowDuplicatedCategory: boolean;};
property displayName
static displayName: string;
method getTickTextAnchor
getTickTextAnchor: () => string;
method getTickValueCoord
getTickValueCoord: ({ coordinate,}: TickItem) => import('../util/types').Coordinate;
method getViewBox
getViewBox: () => { cx: number; cy: number; startAngle: number; endAngle: number; innerRadius: number; outerRadius: number;};
method render
render: () => React.JSX.Element;
method renderAxisLine
renderAxisLine: () => React.JSX.Element;
method renderTickItem
static renderTickItem: ( option: Props['tick'], props: any, value: string | number) => React.JSX.Element;
method renderTicks
renderTicks: () => React.JSX.Element;
class Radar
class Radar extends PureComponent<Props, State> {}
property defaultProps
static defaultProps: { angleAxisId: number; radiusAxisId: number; hide: boolean; activeDot: boolean; dot: boolean; legendType: string; isAnimationActive: boolean; animationBegin: number; animationDuration: number; animationEasing: string;};
property displayName
static displayName: string;
property getComposedData
static getComposedData: ({ radiusAxis, angleAxis, displayedData, dataKey, bandSize,}: { radiusAxis: RadiusAxis; angleAxis: AngleAxis; displayedData: any[]; dataKey: RadarProps['dataKey']; bandSize: number;}) => { points: RadarPoint[]; isRange: boolean; baseLinePoints: RadarPoint[] };
property handleAnimationEnd
handleAnimationEnd: () => void;
property handleAnimationStart
handleAnimationStart: () => void;
property handleMouseEnter
handleMouseEnter: (e: MouseEvent<SVGPolygonElement>) => void;
property handleMouseLeave
handleMouseLeave: (e: MouseEvent<SVGPolygonElement>) => void;
property state
state: State;
method getDerivedStateFromProps
static getDerivedStateFromProps: (nextProps: Props, prevState: State) => State;
method render
render: () => React.JSX.Element;
method renderDotItem
static renderDotItem: (option: RadarDot, props: any) => React.JSX.Element;
method renderDots
renderDots: (points: RadarPoint[]) => React.JSX.Element;
method renderPolygon
renderPolygon: () => React.JSX.Element;
method renderPolygonStatically
renderPolygonStatically: (points: RadarPoint[]) => React.JSX.Element;
method renderPolygonWithAnimation
renderPolygonWithAnimation: () => React.JSX.Element;
class RadialBar
class RadialBar extends PureComponent<RadialBarProps, State> {}
property defaultProps
static defaultProps: { angleAxisId: number; radiusAxisId: number; minPointSize: number; hide: boolean; legendType: string; data: RadialBarDataItem[]; isAnimationActive: boolean; animationBegin: number; animationDuration: number; animationEasing: string; forceCornerRadius: boolean; cornerIsExternal: boolean;};
property displayName
static displayName: string;
property getComposedData
static getComposedData: ({ item, props, radiusAxis, radiusAxisTicks, angleAxis, angleAxisTicks, displayedData, dataKey, stackedData, barPosition, bandSize, dataStartIndex,}: { item: ReactElement; props: any; radiusAxis: any; radiusAxisTicks: Array<TickItem>; angleAxis: any; angleAxisTicks: Array<TickItem>; displayedData: any[]; dataKey: RadialBarProps['dataKey']; stackedData?: any[]; barPosition?: any[]; bandSize?: number; dataStartIndex: number;}) => { data: any[]; layout: any };
property handleAnimationEnd
handleAnimationEnd: () => void;
property handleAnimationStart
handleAnimationStart: () => void;
property state
state: State;
method getDeltaAngle
getDeltaAngle: () => number;
method getDerivedStateFromProps
static getDerivedStateFromProps: ( nextProps: RadialBarProps, prevState: State) => State;
method render
render: () => React.JSX.Element;
method renderBackground
renderBackground: (sectors?: RadialBarDataItem[]) => React.JSX.Element[];
method renderSectors
renderSectors: () => React.JSX.Element | React.JSX.Element[];
method renderSectorsStatically
renderSectorsStatically: (sectors: SectorProps[]) => React.JSX.Element[];
method renderSectorsWithAnimation
renderSectorsWithAnimation: () => React.JSX.Element;
class Sankey
class Sankey extends PureComponent<Props, State> {}
property defaultProps
static defaultProps: { nameKey: string; dataKey: string; nodePadding: number; nodeWidth: number; linkCurvature: number; iterations: number; margin: { top: number; right: number; bottom: number; left: number }; sort: boolean;};
property displayName
static displayName: string;
property state
state: { activeElement: any; activeElementType: any; isTooltipActive: boolean; nodes: SankeyNode[]; links: SankeyLink[];};
method getDerivedStateFromProps
static getDerivedStateFromProps: (nextProps: Props, prevState: State) => State;
method handleClick
handleClick: (el: React.ReactElement, type: string, e: any) => void;
method handleMouseEnter
handleMouseEnter: (el: React.ReactElement, type: string, e: any) => void;
method handleMouseLeave
handleMouseLeave: (el: React.ReactElement, type: string, e: any) => void;
method render
render: () => React.JSX.Element;
method renderLinkItem
static renderLinkItem: (option: any, props: any) => any;
method renderLinks
renderLinks: (links: SankeyLink[], nodes: SankeyNode[]) => React.JSX.Element;
method renderNodeItem
static renderNodeItem: (option: any, props: Props) => any;
method renderNodes
renderNodes: (nodes: SankeyNode[]) => React.JSX.Element;
method renderTooltip
renderTooltip: () => ReactElement;
class Scatter
class Scatter extends PureComponent<Props, State> {}
property defaultProps
static defaultProps: { xAxisId: number; yAxisId: number; zAxisId: number; legendType: string; lineType: string; lineJointType: string; data: any[]; shape: string; hide: boolean; isAnimationActive: boolean; animationBegin: number; animationDuration: number; animationEasing: string;};
property displayName
static displayName: string;
property getComposedData
static getComposedData: ({ xAxis, yAxis, zAxis, item, displayedData, xAxisTicks, yAxisTicks, offset,}: { props: Props; xAxis: Props['xAxis']; yAxis: Props['yAxis']; zAxis: Props['zAxis']; xAxisTicks: TickItem[]; yAxisTicks: TickItem[]; item: Scatter; bandSize: number; displayedData: any[]; offset: ChartOffset;}) => { top?: number; bottom?: number; left?: number; right?: number; width?: number; height?: number; brushBottom?: number; points: any[];};
property handleAnimationEnd
handleAnimationEnd: () => void;
property handleAnimationStart
handleAnimationStart: () => void;
property id
id: string;
property state
state: State;
method getDerivedStateFromProps
static getDerivedStateFromProps: (nextProps: Props, prevState: State) => State;
method render
render: () => React.JSX.Element;
method renderErrorBar
renderErrorBar: () => React.ReactElement< ErrorBarProps, string | React.JSXElementConstructor<any>>[];
method renderLine
renderLine: () => React.JSX.Element;
method renderSymbols
renderSymbols: () => React.JSX.Element | React.JSX.Element[];
method renderSymbolsStatically
renderSymbolsStatically: (points: ScatterPointItem[]) => React.JSX.Element[];
method renderSymbolsWithAnimation
renderSymbolsWithAnimation: () => React.JSX.Element;
class Tooltip
class Tooltip< TValue extends ValueType, TName extends NameType> extends PureComponent<TooltipProps<TValue, TName>> {}
property defaultProps
static defaultProps: { accessibilityLayer: boolean; allowEscapeViewBox: { x: boolean; y: boolean }; animationDuration: number; animationEasing: string; contentStyle: {}; coordinate: { x: number; y: number }; cursor: boolean; cursorStyle: {}; filterNull: boolean; isAnimationActive: boolean; itemStyle: {}; labelStyle: {}; offset: number; reverseDirection: { x: boolean; y: boolean }; separator: string; trigger: string; useTranslate3d: boolean; viewBox: { x: number; y: number; height: number; width: number }; wrapperStyle: {};};
property displayName
static displayName: string;
method render
render: () => React.JSX.Element;
class Treemap
class Treemap extends PureComponent<Props, State> {}
property defaultProps
static defaultProps: { aspectRatio: number; dataKey: string; type: string; isAnimationActive: boolean; isUpdateAnimationActive: boolean; animationBegin: number; animationDuration: number; animationEasing: string;};
property displayName
static displayName: string;
property handleAnimationEnd
handleAnimationEnd: () => void;
property handleAnimationStart
handleAnimationStart: () => void;
property state
state: { isTooltipActive: boolean; isAnimationFinished: boolean; activeNode?: TreemapNode; formatRoot?: TreemapNode; currentRoot?: TreemapNode; nestIndex?: TreemapNode[]; prevData?: any[]; prevType?: 'flat' | 'nest'; prevWidth?: number; prevHeight?: number; prevDataKey?: DataKey<any>; prevAspectRatio?: number;};
method getDerivedStateFromProps
static getDerivedStateFromProps: (nextProps: Props, prevState: State) => State;
method handleClick
handleClick: (node: TreemapNode) => void;
method handleMouseEnter
handleMouseEnter: (node: TreemapNode, e: any) => void;
method handleMouseLeave
handleMouseLeave: (node: TreemapNode, e: any) => void;
method handleNestIndex
handleNestIndex: (node: TreemapNode, i: number) => void;
method render
render: () => React.JSX.Element;
method renderAllNodes
renderAllNodes: () => React.ReactElement;
method renderContentItem
static renderContentItem: ( content: any, nodeProps: TreemapNode, type: string, colorPanel: string[]) => React.ReactElement;
method renderItem
renderItem: ( content: any, nodeProps: TreemapNode, isLeaf: boolean) => React.ReactElement;
method renderNestIndex
renderNestIndex: () => React.ReactElement;
method renderNode
renderNode: (root: TreemapNode, node: TreemapNode) => React.ReactElement;
method renderTooltip
renderTooltip: () => React.ReactElement;
Interfaces
interface DefaultTooltipContentProps
interface Props<TValue extends ValueType, TName extends NameType> {}
property accessibilityLayer
accessibilityLayer?: boolean;
property contentStyle
contentStyle?: CSSProperties;
property formatter
formatter?: Formatter<TValue, TName>;
property itemSorter
itemSorter?: (item: Payload<TValue, TName>) => number | string;
property itemStyle
itemStyle?: CSSProperties;
property label
label?: any;
property labelClassName
labelClassName?: string;
property labelFormatter
labelFormatter?: ( label: any, payload: Array<Payload<TValue, TName>>) => ReactNode;
property labelStyle
labelStyle?: CSSProperties;
property payload
payload?: Array<Payload<TValue, TName>>;
property separator
separator?: string;
property wrapperClassName
wrapperClassName?: string;
interface PieLabelRenderProps
interface PieLabelRenderProps extends PieDef {}
property index
index?: number;
property name
name: string;
property percent
percent?: number;
property stroke
stroke: string;
property textAnchor
textAnchor: string;
property x
x: number;
property y
y: number;
index signature
[key: string]: any;
interface ResponsiveContainerProps
interface Props {}
property aspect
aspect?: number;
property children
children: ReactElement;
property className
className?: string | number;
property debounce
debounce?: number;
property height
height?: string | number;
property id
id?: string | number;
property initialDimension
initialDimension?: { width: number; height: number;};
property maxHeight
maxHeight?: number;
property minHeight
minHeight?: string | number;
property minWidth
minWidth?: string | number;
property onResize
onResize?: (width: number, height: number) => void;
property style
style?: Omit<CSSProperties, keyof Props>;
property width
width?: string | number;
interface TreemapProps
interface Props {}
property animationBegin
animationBegin?: number;
property animationDuration
animationDuration?: AnimationDuration;
property animationEasing
animationEasing?: AnimationTiming;
property animationId
animationId?: number;
property aspectRatio
aspectRatio?: number;
property children
children?: any;
property className
className?: string;
property colorPanel
colorPanel?: [];
property content
content?: React.ReactElement;
property data
data?: any[];
property dataKey
dataKey?: DataKey<any>;
property fill
fill?: string;
property height
height?: number;
property isAnimationActive
isAnimationActive?: boolean;
property isUpdateAnimationActive
isUpdateAnimationActive?: boolean;
property nameKey
nameKey?: DataKey<any>;
property nestIndexContent
nestIndexContent?: React.ReactElement | ((item: any, i: number) => any);
property onAnimationEnd
onAnimationEnd?: () => void;
property onAnimationStart
onAnimationStart?: () => void;
property onClick
onClick?: (node: TreemapNode) => void;
property onMouseEnter
onMouseEnter?: (node: TreemapNode, e: any) => void;
property onMouseLeave
onMouseLeave?: (node: TreemapNode, e: any) => void;
property stroke
stroke?: string;
property style
style?: any;
property type
type?: 'flat' | 'nest';
property width
width?: number;
interface ZAxisProps
interface Props {}
property dataKey
dataKey?: DataKey<any>;
property domain
domain?: AxisDomain;
property name
name?: string | number;
property range
range?: number[];
property scale
scale?: ScaleType | Function;
property type
type?: 'number' | 'category';
property unit
unit?: string | number;
property zAxisId
zAxisId?: string | number;
Type Aliases
type AreaProps
type Props = Omit<SVGProps<SVGElement>, 'type' | 'points'> & AreaProps;
type BarProps
type Props = Omit< PresentationAttributesAdaptChildEvent<any, SVGPathElement>, 'radius' | 'name'> & BarProps;
type BrushProps
type Props = Omit<SVGProps<SVGElement>, 'onChange'> & BrushProps;
type CartesianAxisProps
type Props = Omit< PresentationAttributesAdaptChildEvent<any, SVGElement>, 'viewBox'> & CartesianAxisProps;
type CartesianGridProps
type Props = AcceptedSvgProps & CartesianGridProps;
type CellProps
type Props = SVGProps<SVGElement>;
type CrossProps
type Props = SVGProps<SVGPathElement> & CrossProps;
type CurveProps
type Props = Omit< PresentationAttributesWithProps<CurveProps, SVGPathElement>, 'type' | 'points'> & CurveProps;
type CustomizedProps
type Props<P, C extends Comp<P>> = P & { component: C;};
type DefaultLegendContentProps
type Props = InternalProps & Omit< PresentationAttributesAdaptChildEvent<any, ReactElement>, keyof InternalProps >;
type DotProps
type Props = PresentationAttributesWithProps<DotProps, SVGCircleElement> & DotProps;
type ErrorBarProps
type Props = SVGProps<SVGLineElement> & ErrorBarProps;
type FunnelProps
type FunnelProps = PresentationAttributesAdaptChildEvent<any, SVGElement> & TrapezoidProps & InternalFunnelProps;
type LabelListProps
type Props<T extends Data> = SVGProps<SVGTextElement> & LabelListProps<T>;
type LabelProps
type Props = Omit<SVGProps<SVGTextElement>, 'viewBox'> & LabelProps;
type LayerProps
type Props = SVGProps<SVGGElement> & LayerProps;
type LegendProps
type Props = DefaultProps & { wrapperStyle?: CSSProperties; chartWidth?: number; chartHeight?: number; width?: number; height?: number; margin?: { top?: number; left?: number; bottom?: number; right?: number; }; payloadUniqBy?: UniqueOption<Payload>; onBBoxUpdate?: (box: DOMRect | null) => void;};
type LegendType
type LegendType = | 'plainline' | 'line' | 'square' | 'rect' | 'circle' | 'cross' | 'diamond' | 'star' | 'triangle' | 'wye' | 'none';
type LineProps
type Props = Omit<CurveProps, 'points' | 'pathRef'> & LineProps;
type PieLabel
type PieLabel<P = any> = | ReactElement<SVGElement> | ((props: P) => ReactNode | ReactElement<SVGElement>) | (SVGProps<SVGTextElement> & { offsetRadius?: number; }) | boolean;
type PieProps
type Props = PresentationAttributesAdaptChildEvent<any, SVGElement> & PieProps;
type PolarAngleAxisProps
type Props = PresentationAttributesAdaptChildEvent<any, SVGTextElement> & PolarAngleAxisProps;
type PolarGridProps
type Props = SVGProps<SVGPathElement> & PolarGridProps;
type PolarRadiusAxisProps
type Props = PresentationAttributesAdaptChildEvent<any, SVGElement> & PolarRadiusAxisProps;
type PolygonProps
type Props = Omit<SVGProps<SVGPolygonElement>, 'points'> & PolygonProps;
type RadarProps
type Props = Omit<SVGProps<SVGElement>, 'onMouseEnter' | 'onMouseLeave' | 'points'> & RadarProps;
type RadialBarProps
type RadialBarProps = PresentationAttributesAdaptChildEvent<any, SVGElement> & InternalRadialBarProps;
type RectangleProps
type Props = Omit<SVGProps<SVGPathElement>, 'radius'> & RectangleProps;
type ReferenceAreaProps
type Props = RectangleProps & ReferenceAreaProps;
type ReferenceDotProps
type Props = DotProps & ReferenceDotProps;
type ReferenceLineProps
type Props = Omit<SVGProps<SVGLineElement>, 'viewBox'> & ReferenceLineProps;
type ScatterProps
type Props = PresentationAttributesAdaptChildEvent<any, SVGElement> & ScatterProps;
type SectorProps
type Props = SVGProps<SVGPathElement> & SectorProps;
type SurfaceProps
type Props = Omit<SVGProps<SVGSVGElement>, 'viewBox'> & SurfaceProps;
type SymbolsProps
type SymbolsProps = SVGProps<SVGPathElement> & InnerSymbolsProp;
type TextProps
type Props = Omit<SVGProps<SVGTextElement>, 'textAnchor' | 'verticalAnchor'> & TextProps;
type TooltipProps
type TooltipProps< TValue extends ValueType, TName extends NameType> = ToltipContentProps<TValue, TName> & { accessibilityLayer?: boolean; active?: boolean | undefined; includeHidden?: boolean | undefined; allowEscapeViewBox?: AllowInDimension; animationDuration?: AnimationDuration; animationEasing?: AnimationTiming; content?: ContentType<TValue, TName>; coordinate?: Partial<Coordinate>; cursor?: boolean | ReactElement | SVGProps<SVGElement>; filterNull?: boolean; defaultIndex?: number; isAnimationActive?: boolean; offset?: number; payloadUniqBy?: UniqueOption<Payload<TValue, TName>>; position?: Partial<Coordinate>; reverseDirection?: AllowInDimension; shared?: boolean; trigger?: 'hover' | 'click'; useTranslate3d?: boolean; viewBox?: CartesianViewBox; wrapperStyle?: CSSProperties;};
type TrapezoidProps
type Props = SVGProps<SVGPathElement> & TrapezoidProps;
type XAxisProps
type Props = Omit<SVGProps<SVGElement>, 'scale'> & XAxisProps;
type YAxisProps
type Props = Omit<SVGProps<SVGElement>, 'scale'> & YAxisProps;
Namespaces
namespace CartesianGrid
namespace CartesianGrid {}
variable displayName
var displayName: string;
namespace Customized
namespace Customized {}
variable displayName
var displayName: string;
namespace ErrorBar
namespace ErrorBar {}
variable defaultProps
var defaultProps: { stroke: string; strokeWidth: number; width: number; offset: number; layout: string;};
variable displayName
var displayName: string;
namespace Label
namespace Label {}
variable displayName
var displayName: string;
function parseViewBox
parseViewBox: (props: any) => ViewBox;
function renderCallByParent
renderCallByParent: ( parentProps: { children?: React.ReactNode; label?: unknown }, viewBox?: ViewBox, checkPropsLabel?: boolean) => React.ReactElement<any, string | React.JSXElementConstructor<any>>[];
namespace LabelList
namespace LabelList {}
variable displayName
var displayName: string;
function renderCallByParent
renderCallByParent: <T extends Data>( parentProps: { children?: React.ReactNode; label?: unknown }, data: T[], checkPropsLabel?: boolean) => React.JSX.Element[];
namespace ReferenceArea
namespace ReferenceArea {}
variable defaultProps
var defaultProps: { isFront: boolean; ifOverflow: string; xAxisId: number; yAxisId: number; r: number; fill: string; fillOpacity: number; stroke: string; strokeWidth: number;};
variable displayName
var displayName: string;
function renderRect
renderRect: (option: any, props: any) => React.JSX.Element;
namespace ReferenceDot
namespace ReferenceDot {}
variable defaultProps
var defaultProps: { isFront: boolean; ifOverflow: string; xAxisId: number; yAxisId: number; r: number; fill: string; stroke: string; fillOpacity: number; strokeWidth: number;};
variable displayName
var displayName: string;
function renderDot
renderDot: (option: any, props: any) => React.JSX.Element;
namespace ReferenceLine
namespace ReferenceLine {}
variable defaultProps
var defaultProps: { isFront: boolean; ifOverflow: string; xAxisId: number; yAxisId: number; fill: string; stroke: string; fillOpacity: number; strokeWidth: number; position: string;};
variable displayName
var displayName: string;
Package Files (56)
- types/cartesian/Area.d.ts
- types/cartesian/Bar.d.ts
- types/cartesian/Brush.d.ts
- types/cartesian/CartesianAxis.d.ts
- types/cartesian/CartesianGrid.d.ts
- types/cartesian/ErrorBar.d.ts
- types/cartesian/Line.d.ts
- types/cartesian/ReferenceArea.d.ts
- types/cartesian/ReferenceDot.d.ts
- types/cartesian/ReferenceLine.d.ts
- types/cartesian/Scatter.d.ts
- types/cartesian/XAxis.d.ts
- types/cartesian/YAxis.d.ts
- types/cartesian/ZAxis.d.ts
- types/chart/AreaChart.d.ts
- types/chart/BarChart.d.ts
- types/chart/ComposedChart.d.ts
- types/chart/FunnelChart.d.ts
- types/chart/LineChart.d.ts
- types/chart/PieChart.d.ts
- types/chart/RadarChart.d.ts
- types/chart/RadialBarChart.d.ts
- types/chart/Sankey.d.ts
- types/chart/ScatterChart.d.ts
- types/chart/SunburstChart.d.ts
- types/chart/Treemap.d.ts
- types/component/Cell.d.ts
- types/component/Customized.d.ts
- types/component/DefaultLegendContent.d.ts
- types/component/DefaultTooltipContent.d.ts
- types/component/Label.d.ts
- types/component/LabelList.d.ts
- types/component/Legend.d.ts
- types/component/ResponsiveContainer.d.ts
- types/component/Text.d.ts
- types/component/Tooltip.d.ts
- types/container/Layer.d.ts
- types/container/Surface.d.ts
- types/index.d.ts
- types/numberAxis/Funnel.d.ts
- types/polar/Pie.d.ts
- types/polar/PolarAngleAxis.d.ts
- types/polar/PolarGrid.d.ts
- types/polar/PolarRadiusAxis.d.ts
- types/polar/Radar.d.ts
- types/polar/RadialBar.d.ts
- types/shape/Cross.d.ts
- types/shape/Curve.d.ts
- types/shape/Dot.d.ts
- types/shape/Polygon.d.ts
- types/shape/Rectangle.d.ts
- types/shape/Sector.d.ts
- types/shape/Symbols.d.ts
- types/shape/Trapezoid.d.ts
- types/util/Global.d.ts
- types/util/types.d.ts
Dependencies (8)
Dev Dependencies (79)
- @babel/cli
- @babel/core
- @babel/plugin-proposal-export-default-from
- @babel/plugin-proposal-function-bind
- @babel/plugin-transform-runtime
- @babel/preset-env
- @babel/preset-react
- @babel/preset-typescript
- @babel/runtime
- @storybook/addon-a11y
- @storybook/addon-docs
- @storybook/addon-essentials
- @storybook/addon-interactions
- @storybook/addon-links
- @storybook/addon-mdx-gfm
- @storybook/addon-storysource
- @storybook/jest
- @storybook/manager-api
- @storybook/react
- @storybook/react-webpack5
- @storybook/source-loader
- @storybook/test-runner
- @storybook/testing-library
- @storybook/theming
- @testing-library/jest-dom
- @testing-library/react
- @testing-library/user-event
- @types/d3-interpolate
- @types/d3-shape
- @types/d3-time-format
- @types/lodash
- @types/node
- @types/react
- @types/react-dom
- @types/react-is
- @types/react-router-dom
- @typescript-eslint/eslint-plugin
- @typescript-eslint/parser
- @vitejs/plugin-react
- @vitest/coverage-v8
- babel-loader
- babel-plugin-dev-expression
- babel-plugin-lodash
- browserslist
- chromatic
- concurrently
- cross-env
- d3-scale-chromatic
- d3-time
- d3-time-format
- eslint
- eslint-config-airbnb
- eslint-config-prettier
- eslint-plugin-import
- eslint-plugin-jsx-a11y
- eslint-plugin-prettier
- eslint-plugin-react
- eslint-plugin-react-hooks
- eslint-plugin-storybook
- husky
- jsdom
- lint-staged
- prettier
- react
- react-dom
- react-router-dom
- rimraf
- storybook
- storybook-addon-performance
- terser-webpack-plugin
- ts-loader
- typescript
- update-browserslist-db
- vitest
- vitest-axe
- webpack
- webpack-bundle-analyzer
- webpack-cli
- webpack-dev-server
Peer Dependencies (2)
Badge
To add a badge like this oneto your package's README, use the codes available below.
You may also use Shields.io to create a custom badge linking to https://www.jsdocs.io/package/recharts
.
- Markdown[![jsDocs.io](https://img.shields.io/badge/jsDocs.io-reference-blue)](https://www.jsdocs.io/package/recharts)
- HTML<a href="https://www.jsdocs.io/package/recharts"><img src="https://img.shields.io/badge/jsDocs.io-reference-blue" alt="jsDocs.io"></a>
- Updated .
Package analyzed in 12387 ms. - Missing or incorrect documentation? Open an issue for this package.