DataTimeline

components/data/Timeline.vue

X-axis timeline with vertical gridlines and time labels for different timeframes.

Fr
Sa
Su
Mo
Tu
We
Th
Fr
components/data/Timeline.vue

Usage

<DataTimeline timeframe = "Time.week" :showLabels = "true" :placeLabelsBottom = "false" />

Props

PropTypeDefaultDescription
timeframeStringTime.weekTime period (fifteen, hour, day, week, month)
showLabelsBooleantrueDisplay time labels
placeLabelsBottomBooleanfalsePosition labels below gridlines

Related

Qpoint Brand Style Guide