@sqlrooms/recharts / AreaChart

Function: AreaChart()

AreaChart(props): ReactNode

Parameters

Parameter

Type

props

CategoricalChartProps & RefAttributes<{ eventEmitterSymbol: Symbol; clipPathId: string; accessibilityManager: AccessibilityManager; throttleTriggeredAfterMouseMove: any; container: HTMLElement; componentDidMount: void; displayDefaultTooltip: void; getSnapshotBeforeUpdate: null; componentDidUpdate: void; componentWillUnmount: void; getTooltipEventType: TooltipEventType; getMouseInfo: { activeTooltipIndex: number; activeLabel: any; activePayload: any[]; activeCoordinate: ChartCoordinate; xValue: any; yValue: any; chartX: number; chartY: number; } | { activeTooltipIndex: number; activeLabel: any; activePayload: any[]; activeCoordinate: ChartCoordinate; chartX: number; chartY: number; }; inRange: any; parseEventsOfWrapper: any; addListener: void; removeListener: void; handleLegendBBoxUpdate: (box) => void; handleReceiveSyncEvent: (cId, data, emitter) => void; handleBrushChange: (__namedParameters) => void; handleMouseEnter: (e) => void; triggeredAfterMouseMove: (e) => any; handleItemMouseEnter: (el) => void; handleItemMouseLeave: () => void; handleMouseMove: (e) => void; handleMouseLeave: (e) => void; handleOuterEvent: (e) => void; handleClick: (e) => void; handleMouseDown: (e) => void; handleMouseUp: (e) => void; handleTouchMove: (e) => void; handleTouchStart: (e) => void; handleTouchEnd: (e) => void; handleDoubleClick: (e) => void; handleContextMenu: (e) => void; triggerSyncEvent: (data) => void; applySyncEvent: (data) => void; filterFormatItem: any; renderCursor: (element) => Element; renderPolarAxis: (element, displayName, index) => ReactElement<any, string | JSXElementConstructor<any>>; renderPolarGrid: (element) => ReactElement<any, string | JSXElementConstructor<any>>; renderLegend: () => ReactElement<any, string | JSXElementConstructor<any>>; renderTooltip: () => ReactElement<any, string | JSXElementConstructor<any>>; renderBrush: (element) => ReactElement<any, string | JSXElementConstructor<any>>; renderReferenceElement: (element, displayName, index) => ReactElement<any, string | JSXElementConstructor<any>>; renderActivePoints: (__namedParameters) => ReactElement<any, string | JSXElementConstructor<any>>[]; renderGraphicChild: (element, displayName, index) => any[]; renderCustomized: (element, displayName, index) => ReactElement<any, string | JSXElementConstructor<any>>; renderClipPath: Element; getXScales: {}; getYScales: {}; getXScaleByAxisId: Function | ScaleType; getYScaleByAxisId: Function | ScaleType; getItemByXY: { graphicalItem: any; payload: any; }; renderMap: { CartesianGrid: { handler: (element) => ReactElement<any, string | JSXElementConstructor<any>>; once: boolean; }; ReferenceArea: { handler: (element, displayName, index) => ReactElement<any, string | JSXElementConstructor<any>>; }; ReferenceLine: { handler: (element) => ReactElement<any, string | JSXElementConstructor<any>>; }; ReferenceDot: { handler: (element, displayName, index) => ReactElement<any, string | JSXElementConstructor<any>>; }; XAxis: { handler: (element) => ReactElement<any, string | JSXElementConstructor<any>>; }; YAxis: { handler: (element) => ReactElement<any, string | JSXElementConstructor<any>>; }; Brush: { handler: (element) => ReactElement<any, string | JSXElementConstructor<any>>; once: boolean; }; Bar: { handler: (element, displayName, index) => any[]; }; Line: { handler: (element, displayName, index) => any[]; }; Area: { handler: (element, displayName, index) => any[]; }; Radar: { handler: (element, displayName, index) => any[]; }; RadialBar: { handler: (element, displayName, index) => any[]; }; Scatter: { handler: (element, displayName, index) => any[]; }; Pie: { handler: (element, displayName, index) => any[]; }; Funnel: { handler: (element, displayName, index) => any[]; }; Tooltip: { handler: (element) => Element; once: boolean; }; PolarGrid: { handler: (element) => ReactElement<any, string | JSXElementConstructor<any>>; once: boolean; }; PolarAngleAxis: { handler: (element, displayName, index) => ReactElement<any, string | JSXElementConstructor<any>>; }; PolarRadiusAxis: { handler: (element, displayName, index) => ReactElement<any, string | JSXElementConstructor<any>>; }; Customized: { handler: (element, displayName, index) => ReactElement<any, string | JSXElementConstructor<any>>; }; }; render: Element; context: unknown; setState: void; forceUpdate: void; props: Readonly<CategoricalChartProps>; state: Readonly<CategoricalChartState>; refs: {}; shouldComponentUpdate: boolean; componentDidCatch: void; componentWillMount: void; UNSAFE_componentWillMount: void; componentWillReceiveProps: void; UNSAFE_componentWillReceiveProps: void; componentWillUpdate: void; UNSAFE_componentWillUpdate: void; }>

Returns

ReactNode