AreaChart

AreaChart components visualize data as filled areas under lines, ideal for showing trends and comparisons over time.

Preview

01835537088123567

Builder

Color
Curve
Data
Display Options
States

The component accepts the following props:

Prop
Type
Default
Title

Description Error

No data

There are no records to display

DataPoint Type

Each data point in the data array should follow this structure:

The component accepts the following props:

Prop
Type
Default
Title

Description Error

No data

There are no records to display

Series Type

When using multiple series, each series in the series array should follow this structure:

The component accepts the following props:

Prop
Type
Default
Title

Description Error

No data

There are no records to display

Margin Type

The margin object controls spacing around the chart:

The component accepts the following props:

Prop
Type
Default
Title

Description Error

No data

There are no records to display

Color Values

Available color options: primary, secondary, success, info, warning, danger, muted