Docs / Combinations

Multiple axes

Pro

Series spread across three or more y-axes for very different scales.

Illustration — rendered output uses live data.

Example

blade 
<chart:combo-multi-axis
    :series="[
        ['name' => 'Units', 'type' => 'bar', 'axis' => 0, 'data' => [2, 4, 6, 5]],
        ['name' => 'Rate', 'type' => 'line', 'axis' => 1, 'data' => [20, 40, 60, 55]],
        ['name' => 'Volume', 'type' => 'line', 'axis' => 2, 'data' => [200, 100, 300, 250]],
    ]"
    :categories="['Mon', 'Tue', 'Wed', 'Thu']"
    :axes="['Units', 'Rate', 'Volume']"
/>

Props

Prop Type Default Description
series array [] Series with 'type' and 'axis' index.
categories array [] Labels for the x-axis.
axes array [] Names for each y-axis.

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 Regression line →