Docs / Line charts

Spline with inverted axes

Pro

A smooth line with the category axis running vertically — ideal for profiles such as temperature by altitude.

Illustration — rendered output uses live data.

Example

blade
<chart:spline-inverted
    :series="[['name' => 'Temperature', 'data' => [15, 8, -5, -40, -55]]]"
    :categories="['0 km', '5 km', '10 km', '20 km', '30 km']"
/>

Props

Prop Type Default Description
series array [] Series objects or a flat list of numbers.
categories array [] Labels for the vertical category axis.
symbolSize int 6 Marker size in pixels.
legend bool true Show the series legend.

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