TimeRange

@nivo/calendar

The TimeRange chart is similar to the Calendar chart, but it allows you to specify dates less than a year.

Actions Logs
Start interacting with the chart to log actions
Base
object[]required

Chart data.

string | Dateoptional

start date

string | Dateoptional

end date

numberrequired

Chart width.

numberrequired

Chart height.

objectoptional
px
px
px
px

Chart margin.

stringoptionaldefault:'horizontal'

defines calendar layout direction.

stringoptionaldefault:'center'
center

defines how calendar should be aligned inside chart container.

number | 'auto'optionaldefault:0
auto

Minimum value.

number | 'auto'optionaldefault:'auto'
auto

Maximum value.

Style
Months
Weekday
Days
Interactivity
Legends