Docs / Column & bar

Rotated labels

Pro

A column chart with rotated category labels — handy for many or long labels.

Illustration — rendered output uses live data.

Example

blade 
<chart:column-rotated
    :series="[['name' => 'Visitors', 'data' => [820, 932, 901, 934, 1290, 1330]]]"
    :categories="['Amsterdam', 'Barcelona', 'Copenhagen', 'Dublin', 'Edinburgh', 'Florence']"
    :rotate="45"
/>

Props

Prop Type Default Description
series array [] Series objects or a flat list of numbers.
categories array [] Labels for the x-axis.
rotate int 45 Label rotation in degrees.

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 Column range →