NeumorUI

Data Display

AreaChart

Gradient-filled area chart with smooth bezier curves, grid lines, dots, and animated draw.

tsx

1import { AreaChart } from "neumorui";

Example

MonTueWedThuFriSatSun

height

color

gradientOpacity

showDots

showGrid

showLabels

showValues

animate

Props

Prop	Type	Default
data	AreaChartDataItem[]	[]
height	number	160
color	string	"#6c7ef8"
gradientOpacity	number	0.35
showDots	boolean	true
showGrid	boolean	true
showLabels	boolean	true
showValues	boolean	false
animate	boolean	true