• Open in:

Column with Rotated Labels

In this demo, we create a simple column chart.

We adjust its panning features and mouse wheel behavior right there while creating the object. Then we enable a cursor (that vertical line you see when hovering over the chart) and hide its horizontal (Y) line.

Then we rotate the labels on the X axis and add a country name tooltip shown alongside it when moving a mouse over the chart.

Next, we add our series – the columns themselves. We associate respective axes, set value fields, and configure the tooltip text (the value tooltip shown on top of the column). We also round the top corners of our columns.

A finishing touch is adjusting column colors based on their order number.

Related tutorials

Demo source