LineChart

LineChart components visualize data trends over continuous intervals with customizable styling and multiple series support.

Preview

61625354454

Builder

Color
Curve
Display Options
Data Mode
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 lines, 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 defines 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 Type

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