Area Graph
Area
curve
default: 'linear'
'linear' | 'natural' | 'monotoneX' | 'stepBefore' | 'stepAfter'
Curves lines to make them smooth or sharp.
linear
natural
monotoneX
stepBefore
stepAfter
Legend
position
'top' | 'right' | 'bottom' | 'left'
Required
Positions legend element as row/column depending on option in correct 'slot'
top
right
bottom
left
alignment
default: 'center'
'center' | 'start' | 'end'
Aligns the content within legend.
center
start
end
GridLines
border
default: 'false'
boolean
Adds Border To Graph
horizontal
default: 'false'
boolean
Adds horizontal grid lines to graph
vertical
default: 'false'
boolean
Adds vertical grid lines to graph
XAxis
title
ReactNode
description
ReactNode
YAxis
title
ReactNode
description
ReactNode
chart
code
New Users
Registered Users
0
0
25
25
50
50
75
75
100
100
125
125
150
150
175
175
Jan
Feb
Mar
Apr
May
Jun
Jul
Aug
Sep
Oct
Nov
Dec
Jan
Feb
Mar
Apr
May
Jun
Jul
Aug
Sep
Oct
Nov
Dec
Examples
Playground
Stacked Area