Stream

@nivo/streamstackedsvgisomorphic

Stream chart.

The responsive alternative of this component is ResponsiveStream.

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

Actions Logs
Start interacting with the chart to log actions
Base
stringoptional
silhouette
Offset type.
stringoptional
none
Layers order.
stringoptionaldefault:'catmullRom'
catmullRom
Curve interpolation.
objectoptional
px
px
px
px
Chart margin.
Style
string | Functionoptionaldefault:{"scheme":"nivo"}
nivo
Defines how to compute line color.
numberoptionaldefault:1
Layers fill opacity.
numberoptionaldefault:0
px
Width of layer border.
string | object | Functionoptionaldefault:{"from":"color","modifiers":[["darker",1]]}
inheritthemecustom
theme property
background
Method to compute layer border color.
Grid & Axes
booleanoptionaldefault:true
   Enable/disable x grid.
booleanoptionaldefault:false
   Enable/disable y grid.
objectoptional
Top axis configuration.
objectoptional
Right axis configuration.
objectoptional
Bottom axis configuration.
objectoptional
Left axis configuration.
Dots
booleanoptionaldefault:false
   Enable/disable dots.
number | Functionoptionaldefault:6
px
Size of the dots
string | object | Functionoptionaldefault:{"from":"color"}
inheritthemecustom
inherited property
color
modifiers
No modifier.
Method to compute dots color.
number | Functionoptionaldefault:0
px
Width of the dots border.
string | object | Functionoptionaldefault:{"from":"color"}
inheritthemecustom
inherited property
color
modifiers
darker
Method to compute dots border color.
Interactivity
booleanoptionaldefault:true
   Enable/disable interactivity.
booleanoptionaldefault:true
   Enable/disable stack tooltip ('isInteractive' must also be 'true').
Motion
booleanoptionaldefault:true
   Enable/disable transitions.
numberoptionaldefault:90
Motion stiffness.
numberoptionaldefault:13
Motion damping.