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
0
0
5
5
10
10
15
15
20
20
25
25
30
30
35
35
40
40
45
45
50
50
55
55
2024-1-1
2024-2-1
2024-3-1
2024-4-1
2024-5-1
2024-6-1
2024-7-1
2024-1-1
2024-2-1
2024-3-1
2024-4-1
2024-5-1
2024-6-1