D
Docs
Get Started
GRAPHS
Lines
Overview
Examples
Playground
Scatter
Overview
Examples
Playground
Bars
Overview
Examples
Playground
Pie
Overview
Examples
Playground
Area
Overview
Examples
Playground
Radar
Overview
Examples
Playground
Heatmap
Overview
Examples
Playground
Worldmap
Overview
Examples
Playground
CARTESIAN
Gridlines
YAxis
XAxis
Legend
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
20
20
40
40
60
60
80
80
100
100
Jan
Feb
Mar
Apr
May
Jun
Jul
Aug
Sep
Oct
Nov
Dec
Jan
Jan
Feb
Mar
Apr
May
Jun
Jul
Aug
Sep
Oct
Nov
Dec