Docs / Column & bar

Bar range

Pro

Floating horizontal bars from a low to a high value.

Illustration — rendered output uses live data.

Example

blade 
<chart:bar-range
    :categories="['Mon', 'Tue', 'Wed']"
    :low="[10, 12, 9]"
    :high="[20, 25, 18]"
/>

Props

Prop Type Default Description
categories array [] Labels for the category axis.
low array [] Lower bound per category.
high array [] Upper bound per category.

Plus the common props (height, theme, model, class).

This is a Pro component

Unlock it and every other Pro chart with a one-time license.

Get WireCharts Pro
Next Histogram →