Line Graph
Lines
curve
default: 'linear'
'linear' | 'natural' | 'monotoneX' | 'stepBefore' | 'stepAfter'
Curves lines to make them smooth or sharp.
linear
natural
monotoneX
stepBefore
stepAfter
joints
default: 'false'
boolean
Show joints between lines.
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
New Users
Registered Users
0
0
25
25
50
50
75
75
100
100
Jan
Mar
May
Jul
Sep
Nov
Jan
Jan
Mar
May
Jul
Sep
Nov