Docs / Area charts

Inverted area

Pro

A filled area chart with the category axis running vertically.

Illustration — rendered output uses live data.

Example

blade

<chart:area-inverted
    :series="[['name' => 'Depth', 'data' => [5, 12, 20, 9]]]"
    :categories="['0 m', '10 m', '20 m', '30 m']"
/>

Prop	Type	Default	Description
series	array	[]	Series objects or a flat list of numbers.
categories	array	[]	Labels for the vertical category axis.
smooth	bool	true	Render smooth curves.

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