AreaChart

A line chart with the area under it filled.

import { AreaChart } from '@textui/core';

<AreaChart series={[{ label: 'requests', values: [4, 9, 6, 12, 11] }]} />

Props

No props of its own.

Identical to LineChart but with area on - it takes the same props and is the same component underneath.

Filling reads as volume, which is right for a quantity accumulating and wrong for a rate that can fall - a filled dip looks like a hole rather than a lower number.

See also

  • LineChart - unfilled, and the full prop list
  • Histogram - a distribution rather than a series

Back to top

MIT licensed. Pre-1.0 - the surface is still moving.