Docs / Line charts

Plot bands

Pro

A spline with coloured horizontal plot bands marking value zones.

Illustration — rendered output uses live data.

Example

blade 
<chart:spline-bands
    :series="[['name' => 'Wind', 'data' => [4, 8, 12, 6, 10]]]"
    :categories="['00', '06', '12', '18', '24']"
    :bands="[['from' => 0, 'to' => 5, 'color' => 'rgba(68,170,213,0.1)', 'label' => 'Light']]"
/>

Props

Prop Type Default Description
series array [] Series objects or a flat list of numbers.
categories array [] Labels for the x-axis.
bands array [] Zones as [from, to, color, label].

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 Gradient area →