Stream

@nivo/streamstacked

Stream chart.

The responsive alternative of this component is ResponsiveStream.

See the dedicated guide on how to setup legends for this component.

Start interacting with the chart to log actions

Base

dataobject[]required

Chart data.

keysstring | numberrequired

Keys to use to build each layer.

labelstring | (layer) => string | numberoptionaldefault:'id'

Label accessor, used for legends.

valueFormatstring | (value: number) => stringoptional

enable formattingformat

open editor

Optional formatter for values.

offsetTypestringoptional

silhouette

Offset type.

orderstringoptional

none

Layers order.

curvestringoptionaldefault:'catmullRom'

catmullRom

Curve interpolation.

widthnumberrequired

Chart width for non-responsive component.

heightnumberrequired

Chart height for non-responsive component.

marginobjectoptional

top

right

bottom

left

Chart margin.

Style

Customization

Grid & Axes

Dots

Interactivity

Motion

Accessibility