---
title: "Recharts"
description: "Recharts primitives re-exported so component authors don't need recharts in their allowlist. Pass-through; see recharts docs. **Note:** chart-root components — `BarChart`, `LineChart`, `AreaChart`, `PieChart`, `RadarChart`, `RadialChart` — are NOT in this family. Those names are exported by `@aeontel/ui` from styled wrappers that take a `data` + `xKey` + `series` prop surface — see the `Chart` family. Mixing the two APIs (importing the styled `BarChart` and nesting `<Bar>` / `<XAxis>` recharts JSX children inside it) crashes at render with `undefined is not an object (evaluating 'series.length')` because the styled wrapper requires `series`."
section: "Libraries"
group: "UI components"
order: 525
---

## Exports

### `Area`

Re-export from recharts; see recharts docs.

### `Bar`

Re-export from recharts; see recharts docs.

### `CartesianGrid`

Renders background grid with lines and fill colors in a Cartesian chart.

### `Cell`

Cell component used to define colors and styles of chart elements.

This component is now deprecated and will be removed in Recharts 4.0.

Please use the `shape` prop or `content` prop on the respective chart components
to customize the rendering of chart elements instead of using `Cell`.

### `RechartsLabel`

Re-export from recharts; see recharts docs.

### `LabelList`

Re-export from recharts; see recharts docs.

### `Legend`

Re-export from recharts; see recharts docs.

### `Line`

Re-export from recharts; see recharts docs.

### `Pie`

Re-export from recharts; see recharts docs.

### `PolarAngleAxis`

Re-export from recharts; see recharts docs.

### `PolarGrid`

Re-export from recharts; see recharts docs.

### `PolarRadiusAxis`

Re-export from recharts; see recharts docs.

### `Radar`

Re-export from recharts; see recharts docs.

### `RadialBar`

Re-export from recharts; see recharts docs.

### `ReferenceLine`

Draws a line on the chart connecting two points.

This component, unlike ://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Element/line line, is aware of the cartesian coordinate system,
so you specify the dimensions by using data coordinates instead of pixels.

ReferenceLine will calculate the pixels based on the provided data coordinates.

If you prefer to render using pixels rather than data coordinates,
consider using the ://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Element/line line SVG element instead.

### `ResponsiveContainer`

The `ResponsiveContainer` component is a container that adjusts its width and height based on the size of its parent element.
It is used to create responsive charts that adapt to different screen sizes.

This component uses the ://developer.mozilla.org/en-US/docs/Web/API/ResizeObserver ResizeObserver API to monitor changes to the size of its parent element.
If you need to support older browsers that do not support this API, you may need to include a polyfill.

### `Scatter`

Re-export from recharts; see recharts docs.

### `ScatterChart`

Re-export from recharts; see recharts docs.

### `Tooltip`

The Tooltip component displays a floating box with data values when hovering over or clicking on chart elements.

It can be configured to show information for individual data points or for all points at a specific axis coordinate.
The appearance and content of the tooltip can be customized via props.

### `XAxis`

Re-export from recharts; see recharts docs.

### `YAxis`

Re-export from recharts; see recharts docs.