Docs / Column & bar

Negative columns

Pro

Columns coloured differently for positive and negative values.

Illustration — rendered output uses live data.

Example

blade 
<chart:column-negative
    :series="[['name' => 'Net', 'data' => [5, -3, 8, -6, 2]]]"
    :categories="['Jan', 'Feb', 'Mar', 'Apr', 'May']"
/>

Props

Prop Type Default Description
series array [] Series objects or a flat list of numbers.
categories array [] Labels for the x-axis.
positiveColor string #22c55e Colour for positive bars.
negativeColor string #ef4444 Colour for negative bars.

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 Rotated labels →