OccupancyChart

Column chart of occupancy per period, with peaks above 90% highlighted.

Jump to API reference

Import

Vue
import { UiOccupancyChart } from '@ziyarago/ui/vue'

Empty

Vue
<UiOccupancyChart :values="[]" />

Week

62%Mon
74%Tue
81%Wed
93%Thu
97%Fri
88%Sat
70%Sun
Vue
<UiOccupancyChart
  :values="[62, 74, 81, 93, 97, 88, 70]"
  :labels="['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']"
 />

API reference

Bar chart of percentages by label, such as hotel occupancy per day or month.

Props

PropType and valuesDefaultDescription
valuesrequirednumber[][]Percentages from 0 to 100, one per bar. Values above 90 are highlighted in brand color.
labelsstring[][]Axis label under each bar, matched by index.