Area Chart

Smooth area charts with gradient fills and optional stacking. Ideal for trends over time.

Interactive

A live area chart with time-range filtering. Uses gradient fills and stacked areas.

Area Chart — Interactive

Showing total visitors for the last 3 months

Core area chart configurations.

Prop	Type	Default	Description
Data	IEnumerable<TData>	required	The data collection to render.
Padding	Padding	32,16,24,16	Plot-area padding (Top, Right, Bottom, Left).
StackOffset	StackOffset	None	Stack offset mode. Use Expand for 100% stacking.
EnableAnimation	bool	true	Whether to animate on first render.
Class	string?	null	Additional CSS classes on the root element.
DataKey	string	required	Property name on the data item mapped to the X axis (on Area series).
Name	string?	DataKey	Legend and tooltip series name.
Color	string?	auto	Line and fill color. Accepts any CSS color value.
StackId	string?	null	Stack group identifier. Areas sharing the same StackId are stacked.
ShowDots	bool	false	Show symbols at each data point.
LineWidth	int	2	Stroke width in pixels.
Opacity	double	1.0	Series opacity (0–1).
Interpolation	InterpolationType	Natural	Curve interpolation: Natural, Monotone, Linear, Step.