Docs / Combinations

Dual axes

Pro

Series split across a left and right y-axis — e.g. rainfall and temperature.

Illustration — rendered output uses live data.

Example

blade 
<chart:combo-dual-axis
    :series="[
        ['name' => 'Rainfall', 'type' => 'bar', 'axis' => 0, 'data' => [20, 35, 18, 42]],
        ['name' => 'Temp', 'type' => 'line', 'axis' => 1, 'data' => [12, 15, 9, 18]],
    ]"
    :categories="['Jan', 'Feb', 'Mar', 'Apr']"
    :axisNames="['mm', '°C']"
/>

Props

Prop Type Default Description
series array [] Series with 'type' and 'axis' (0 or 1).
categories array [] Labels for the x-axis.
axisNames array ['', ''] Names for the left and right axes.

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 Multiple axes →