Docs / Area charts

Area range

Pro

A filled band between a low and high value per category (e.g. min/max ranges).

Illustration — rendered output uses live data.

Example

blade

<chart:area-range
    :categories="['Mon', 'Tue', 'Wed', 'Thu', 'Fri']"
    :low="[10, 12, 9, 14, 11]"
    :high="[20, 25, 18, 27, 22]"
/>

Prop	Type	Default	Description
categories	array	[]	Labels for the x-axis.
low	array	[]	The lower bound per category.
high	array	[]	The 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