Bars
Bars
loading
default: 'false'
boolean
Adds Loading Animation
glow
default: 'false'
boolean
Adds glow effect to bars
size
default: '50'
number
Size of the bars as percent 0-100
radius
default: '0'
number
Radius of the bars as angle 0-360
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
Months
description
ReactNode
YAxis
title
ReactNode
Cookies Sold
description
ReactNode
Male
Female
abcdefg
Cookies Sold
2024-12-01
2024-12-01
2025-01-01
2025-01-01
2025-02-01
2025-02-01
2025-03-01
2025-03-01
2025-04-01
2025-04-01
2025-05-01
2025-05-01
2025-06-01
2025-06-01
2025-07-01
2025-07-01
2025-08-01
2025-08-01
0
10,000
20,000
30,000
40,000
50,000
60,000
0
10,000
20,000
30,000
40,000
50,000
60,000
HELLO WORLD TITLE
HELLOWRLD DESC